javascript - 递归倒数计时器

Question

我正在尝试创建一个从 25 分钟开始到 0 结束的 JavaScript 计数器。这个想法是将分钟/秒显示为页面上的倒计时时钟(我的目标 div 称为“txt”)。但我没有得到我想要的结果 - 每次运行函数时(每毫秒)计时器不会减去。关于我哪里出错了有什么想法吗？代码如下:

function countdown() {

    var target = 1500000; // 25 mins
    var current = 1000; // 0 secs

    for (var i=0; i<5; i++) {
        var diff = target-current;           // calculates the 25 minutes
        var min = Math.floor(diff/1000/60);  //gets mins
        var sec = (diff/1000) % 60;          // gets secs
        current = current+1000;

        document.getElementById("txt").innerHTML = min + ":" + sec;
        var t = setTimeout(countdown, 2500);}
    }

}

Answer 1

您需要在函数之外定义当前。目前，每次运行该函数时，您都会将其重置为 1000。