【问题标题】:countdown timer in javascript [duplicate]javascript中的倒数计时器[重复]
【发布时间】:2010-01-04 10:28:12
【问题描述】:

可能重复:
How to create a JQuery Clock / Timer

有谁知道使用javascript的倒数计时器吗??

【问题讨论】:

标签: javascript timer countdown


【解决方案1】:

使用纯javascript,你会以类似的方式使用setTimeout方法(将此代码视为伪代码,只是为了展示概念,我认为它不会按原样工作):

countdown = function()
{
   var current = parseInt(document.getElementById("countdownBox").innerHTML);
   document.getElementById("countdownSpan").innerHTML = current;

   if (current > 0)
   {
       setTimeout('countdown()', 1000); // run every second
   }
}

您可以通过在 ID 为 countdownBox 的元素中写入一些内容并首次调用 countdown() 来开始倒计时。

编辑:请注意,如果以这种方式使用 setTimeout 方法往往会损失几秒钟 - 如果您想要真正的精确度,您很可能不得不每隔一段时间就进行一次外部同步。

【讨论】:

    【解决方案2】:

    下面会在5秒后提醒wow。

    setTimeout ( 'wow()', 5000 );

    function wow() { alert('wow'); }

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多