Question

I have a button which triggers the function inside set interval every 1 sec. The value of the button changes to stop. When I hit stop I call the clearinterval method. For some reason the clear interval method is not working.

这是我的投入

<input id="trigger" type="button" value="start"/>

我的 js 函数

$(function() {
    $( #trigger ).click(function() {
        var timerId = 0;
        var trigger = $( #trigger ).val();

        if(trigger ==  start ) {
            timerId = setInterval(function() {
                $( #trigger ).val( stop );
                main();
            }, 1000);
        } else if(trigger ==  stop ) {
                clearInterval(timerId);
                $( #trigger ).val( start );                
        }
    });
});

Answer 1

您的定时器ID 定义在单击范围为本地范围 (), 所以当您第二次运行时( 在停止事件中), 它会再次为 0 。请试一下。

var timerId = 0;
$(function() {
    $( #trigger ).click(function() {
        var trigger = $( #trigger ).val();

        if(trigger ==  start ) {
            timerId = setInterval(function() {
                $( #trigger ).val( stop );
                main();
            }, 1000);
        } else if(trigger ==  stop ) {
                clearInterval(timerId);
                $( #trigger ).val( start );                
        }
    });
});

Answer 2

每次点击# 触发器时, 您正在重新初始化计时rID 。在单击函数之外移动 va timerlID = 0;

友情链接