Javascript 计时

Question

我正在尝试使用 javascript 创建倒计时。我从 here 得到了一些代码并略作修改。

<script type="text/javascript">
var c=10, t;

function timedCount() {
  document.getElementById('txt').value=c;
  c=c-1;
  t=setInterval("timedCount()",1000);
}

function stopCount() {
  clearInterval(t);
}
</script>

我需要重复调​​用倒计时，直到用户点击链接。它应该每秒从 10 开始倒计时 1 (10,9,8,7,6...0)，直到链接被点击，但它没有。谁能帮帮我？

编辑:有谁知道倒计时到 0 后如何重新开始倒计时？

提前谢谢你。

Answer 1

<script type="text/javascript">
var c=10;
var t;
function timedCount()
{
    document.getElementById('txt').value=c;
    c=c-1;
}
function startCount()
{
    if (!t) t=setInterval("timedCount()",1000);
}
function stopCount()
{
    clearInterval(t);
    t=null;
}
</script>

调用startCount()当你想要计数器启动时在 onload (或其他)。请注意，我的 startCount 和 stopCount 不会创建多个间隔计时器。

此外，id=txt 的元素必须是 <input>或 <textarea>您的代码工作的框。如果是跨度，则应使用 document.getElementById('txt').innerHTML=c;

最后，如果 c 低于零，您可能需要 timedCount() 到 stopCount()。这很简单:

if (c <= 0) stopCount();