setInterval 和 clearInterval的用法

最新推荐文章于 2019-07-09 12:32:14 发布

chouchilei5210

最新推荐文章于 2019-07-09 12:32:14 发布

阅读量96

点赞数

原文链接：https://my.oschina.net/u/2487410/blog/651969

版权

//做个倒计时的演示
<html>
    <div>倒计时：<span></span></div>
</html>
<script>
    window.countdown =60;
    var pointer =setInterval(function(){
        $("span").text(countdown);
        if(countdown <=0){
            clearInterval(pointer);
            alert("倒计时结束!");
        }
        countdown--;                        
    },1000);    
</script>

使用setInterval的格式：

var step =1000; //回调的时间间隔，毫秒制

var pointer =setInterval(function(){ //"var pointer ="部分可以不要，主要是用来给clearInterval用的

//重复调用的代码块

}, step);

使用clearInterval的格式;

var step =1000; //回调的时间间隔，毫秒制

var pointer =setInterval(function(){ //"var pointer ="部分可以不要，主要是用来给clearInterval用的

//重复调用的代码块

if(符合条件){

clearInterval(pointer); //pointer是setInterval的句柄

}