JavaScript 定时器 的 用法与清除

方法一
定时器一般有两个(如果定时器在函数中请看看第二个方法)

1)setTimeout();//n毫秒后执行一次
2)setInterval();//每隔n秒执行一次
这两个方法都有个返回值,返回一个定时器id,可以定义一个变量接收

清除定时器方法:
setTimeout()对应的是 clearTimeout(id);
setInterval()对应的是 clearInterval(id);
下面有个例子:

第二个方法 定时器 再一个函数中

例如

var j;   //定义一个全局变量

function bannerauto(){
     j = setInterval(function(){    //把定时器存入这个变量中
     index ++
     if (index == bannerLength){
          index = 0;
     }
     $( "#banner .list > li").eq(index).addClass( "active").siblings().removeClass("active" );
     $( "#banner > div").eq(index).show().siblings( "div").hide();
     }, 1000)
};

bannerauto();

$( "#banner").hover(function (){
clearInterval(j)   //清除定时器(因为定时器再这个变量中储存)
}, function(){
bannerauto();
})

你可能感兴趣的:(JavaScript 定时器 的 用法与清除)