我有生成倒计时器所需的脚本,该计时器有一个启动和恢复按钮.我试图做的是在一个控制另一页上的计时器的页面上有启动,停止和重置按钮.因此,如果用户X访问page.html,他们将看到一个0的计时器.管理员X访问admin.html,他们看到计时器为0,但他们也有一个启动,停止和重置按钮.当管理员点击按钮时,page.html上的计时器开始倒计时.如果另一个用户在计时器倒计时时访问该页面,他们将看到计时器当前所在的位置.如果有人有任何代码想法,我可以参考这个网站上的其他答案,或者我需要的代码,我将非常感激.
---真实的场景我们有skype的人正在做一个节目,他们需要知道什么时候休息一下.这个想法是制作人可以按下一个按钮,开始倒数计时器让他们知道他们有60秒直到休息.我在网页上想要这个的原因是因为页面上还有其他东西正在skype上的人正在关注.所以我想要一些他们不能错过的东西.我可以访问一个SQL服务器,并可以同时执行php和javascript.我猜我需要做两者的某种组合.
更新感谢大家的帮助.
我正在更新这个,因为我意识到我可能会让事情变得比他们现在需要的更复杂.每30分钟休息一次,所有节目将从一小时开始或在30分钟后开始.我终于找到了完美的剧本.虽然由于正常的时钟漂移可能略微偏离,但无论谁进入页面,它实际上都应该显示相同.
<script>
function addZero(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
setInterval(function() {
function addZero(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
var d = new Date();
var s =(d.getSeconds());
var m =(d.getMinutes());
var x = document.getElementById("timer");
var c = addZero(30 - m) + ":" + addZero(60 - s);
var d = addZero(60 - m) + ":" + addZero(60 - s);
if (m < 30) {
t = c …我希望使用纯CSS和Javascript来实现这一目标.我也熟悉PHP.我正在避免使用jquery,因为我正在尝试更多地学习javascript而且我发现在某些word-press网站中,jquery并不总是按照我需要的方式工作.据我所知,我没有做任何程序错误,但我必须遗漏一些东西,因为它似乎没有正常工作.首先,我将给出一个可以找到代码的链接.http://jsfiddle.net/FFCFy/13/
接下来我将给出实际的代码.
setInterval(function() {
var x = document.getElementById("div1");
var y = document.getElementById("div2");
function stext() {
x.style.color = 'red';
y.style.color = 'black';
}
function htext() {
x.style.color = 'black';
y.style.color = 'red';
}
}, 250);
<html>
<body>
<span id="div1" style="color:black;" onmouseover="stext" onmouseout="htext">TEXT1</span><p />
<hr color="black" />
<span id="div2" style="color:red;"onmouseover="htext" onmouseout="stext">Text2</span>
</body>
</html>
最终我将修改它以隐藏和显示不同的文本,但是一旦我弄明白,我就会明白这一点.