jquery - 一个简单的 JavaScript 倒数计时器的代码？

Question

我想使用一个简单的倒数计时器，从函数运行后的 30 秒开始，到 0 秒结束。没有毫秒。如何编码？

Answer 1

var count=30;

var counter=setInterval(timer, 1000); //1000 will  run it every 1 second

function timer()
{
  count=count-1;
  if (count <= 0)
  {
     clearInterval(counter);
     //counter ended, do something here
     return;
  }

  //Do code for showing the number of seconds here
}

要使计时器的代码出现在段落中(或页面上的任何其他位置)，只需放置以下行:

<span id="timer"></span>

您希望秒显示的位置。然后在您的 timer() 函数中插入以下行，因此它看起来像这样:

function timer()
{
  count=count-1;
  if (count <= 0)
  {
     clearInterval(counter);
     return;
  }

 document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling
}