jquery启动和停止计时器

时间:2014-01-23 14:06:54

标签: jquery timer intervals

<script>
$(document).ready(function(){
    $('body').keyup(function(e){
       if(e.keyCode == 32){

        if(foo == 1)
        {
            clearInterval(myinterval);
            foo = 0;
        } else {

        $('#h2').text('STOPPA MED SPACE!');
        var start       = new Date;
        var foo;
        var myinterval  = setInterval(function() {$('.Timer').text((new Date - start) / 1000); }, 10);

        foo = 1;

        }

       }
    });
});
</script>

上面是我的jQuery代码。当我按下键盘上的空格键时,我启动了一个计时器。如果再次按空格键怎么能停止此计时器?我总是可以添加一个var foo = 0;它告诉区间是否正在进行。但是我怎么能阻止这个间隔?

1 个答案:

答案 0 :(得分:3)

试试这个

var yourInterval = setInterval(function() {....},10);

clearInterval(yourInterval);

请参阅setInterval()clearInterval()的文档。