clearInterval 函数启动器

Question

我已将 Jquery 设置为在特定时间启动函数 countset()。有人可以建议我如何在计时器归零后停止该功能。

t = 30;
function countset() {
    var interval = setInterval(count, 1000);
}
function count() {
    document.getElementById("timer").textContent = t;
    t -= 1;
}

Answer 1

在计数集函数外声明 interval 并将 if(t<0) clearInterval(interval); 添加到计数函数：

function count() {
    document.getElementById("timer").textContent = t;
    t -= 1;
    if(t<0) clearInterval(interval);
}

jsFiddle example（间隔缩短fiddle方便观看）

Answer 2

您可以在函数之前定义 interval，然后在 count 函数中调用 clearInterval 时可以使用它。考虑以下代码：

var interval,  t = 5;
function countset() {
    interval = setInterval(count, 1000);
}
function count() {
    if(t <= 0 ) {
        clearInterval(interval);
    }
    document.getElementById("timer").textContent = t;
    t -= 1;
}

countset();
count();

<span id='timer'></span>

clearInterval 函数启动器

clearInterval Function Starter

javascript

intervals