Question

这是我在这个论坛上的第一篇文章，我在网上剪了一个javascript倒计时，每隔3（而不是1秒）改变例子：脚本显示“30”后3秒脚本将显示“29” 你能帮帮我吗？谢谢：D

Answer 1

您可以使用setInterval函数每x毫秒执行一定的代码，例如每3000ms = 3s。传递给setInterval的回调函数然后每隔x ms执行一次。在您的情况下，您必须获取对持有该值的DOM对象的引用，递减它并将其传递回DOM元素。你还必须在完成后停止计时器。例如：

var timer = setInterval(function() {
  var elem = document.getElementById("timerCounter");
  var val = parseInt(elem.innerHTML);

  if (val === 0) {
    clearInterval(timer);
    return;
  }

  val--;

  elem.innerHTML = val;
}, 3000);

<div id="timerCounter">30</div>

Answer 2

虽然stackoverflow不是写代码服务，但我会给你起点。为此，您可以使用setInverval：

var counter = 30;

setInterval(function () { 
    console.log(--counter); 
}, 3000);

Jsfiddle

Answer 3

注释

使用window.setInterval(callback, interval)
当你完成window.clearInterval（参考）

var counter = 30;
var output = document.getElementById('foo');
var interval = setInterval(function() {
  if (counter == 0) {
    clearInterval(interval);
  }
  output.innerHTML = "Counter = " + counter;
  counter--;
}, 3000);

<div id="foo">
</div>

每3秒Javascript倒计时

3 个答案: