Javascript countdown for every 3 Seconds

Question

这是我在论坛上的第一篇文章， 我在网上搜索了一个每3（而不是1秒）发生变化的javascript倒数 示例：脚本在3秒后显示“30”该脚本将显示“29” 你能帮助我吗？ 感谢：D

Answer 1

虽然stackoverflow不是写代码为你服务，我会给你的出发点。对于您可以使用setInverval：

var counter = 30; 

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

Jsfiddle

Answer 2

可以使用setInterval函数来执行特定代码每x毫秒，例如每3000ms = 3s。您传递给setInterval的回调函数随后每x毫秒执行一次。在你的情况下，你必须得到一个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 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>