javascript - 如何暂停/停止计时器？

Question

我有一个计时器，但我想添加一个“停止”按钮或链接来卡住计时器。怎么办？

HTML:

TIME LEFT: <font size="5" color='#F7D358'><span id='timer_div'></span></font>

JavaScript:

var seconds_left = 60;
var interval = setInterval(function() {
    document.getElementById('timer_div').innerHTML = --seconds_left;

    if (seconds_left <= 0)
    {
        document.getElementById('timer_div').innerHTML = '...';
        clearInterval(interval);
    }
}, 1000);

演示: http://jsfiddle.net/wa4ms/

Answer 1

简单地使用这个

<input type="button" value="STOP" onclick="clearInterval(interval);" />