javascript - jQuery 播放/暂停 jQuery 函数

Question

我想做的是播放和暂停一个功能，即按一个按钮启动一个功能，按一个按钮暂停等等。我不完全确定如何做到这一点我已经尝试过 .live() 和 .die() 但它们不起作用。

Fiddle

我有下面的 HTML

<button class="play">play</button>
<button class="pause">pause</button>
<div class="divafter"></div>​

我不完全确定 .die() 做了什么但在 jsfiddle 上的 jQuery 似乎加快了间隔时间。

(function($){
  playing = function() {
window.setInterval(function() {
    $(".divafter").after("playing <br/>");
}, 500);
};
})(jQuery);
$(".play").click(function(){
    playing().live();
});
$(".pause").click(function(){
    playing().die();
});​

Answer 1

试试这个 jsFiddle example 。您需要使用 clearInterval() 来停止 setInterval()。

jQuery:

var foo;
playing = function() {
    foo = window.setInterval(function() {
        $(".divafter").after("playing <br/>");
    }, 500);
}

$(".play").click(function() {
    playing();
});
$(".pause").click(function() {
    clearInterval(foo);
});​