Question

我有这个柜台：

原则是倒计时，运行一些功能，然后再次倒计时。

该功能正在运行：

setInterval(function() {
countdown();
},10000);

我无法弄明白，如何开始和停止它。

我尝试过这样的事情：

function start() {
    timer = setTimeout(tick, 1000);
};

function stop() {
    clearTimeout(timer);
};

但它不起作用。有人可以帮助我吗？你有什么建议可以解决吗？请检查小提琴（上面的链接）

Answer 1

您必须从start function返回并分配给变量 timerId ，并将该变量作为参数传递到stop function调用，如下面的代码段所示：

function start() {
    var tick = function(){
        console.log('I am tick function');
    };
    var timerId = setTimeout(tick, 1000);
    return timerId
};
var timerId = start();
function stop(timerId) {
    clearTimeout(timerId);
};
stop(timerId);

关于评论中提供的代码段，我已对其进行了更新to that one。

注意修改与 timerId 变量的交互。问题在于跟踪它的方式（ timerId ）。当您在setTimeout内调用tick function函数时，您必须刷新＆＃34;新的自动收报机＆＃34;的值，这样您就可以停止传递给{{1}的最新函数}。

Answer 2

我找到了一种方法。

如果有人需要，你可以去： http://codepen.io/anon/pen/obJMJO

function start(){
countdown();
}
function stop(){
clearTimeout(timerI)
}
sectotal = 5;
function countdown() {
        var secs = sectotal;

        function timer() {
            secs--;
         $("#counter").html("(" + secs + ")")


            if( secs > 0 ) {
                timerI = setTimeout(timer, 1000);
            } else {
                alert('repeat!')
                secs = sectotal
                countdown();
            }
        }
        timer();
}

和html：

<div id="counter"></div>
<button onclick="start()">
Start
</button>
<button onclick="stop()">
Stop
</button>

启动和停止循环计数器javascript

2 个答案: