JavaScript 定时器 的 用法与清除

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

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

清除定时器方法:
setTimeout()对应的是 clearTimeout(id);
setInterval()对应的是 clearInterval(id);
下面有个例子:
<script>
    //setTimeout 1000ms后执行1次
   var i = setTimeout(function(){
   },1000);

    //setInterval 每隔1000ms执行一次
    var j = setInterval(function(){

    },1000)

    //清除Timeout的定时器,传入id(创建定时器时会返回一个id)
    clearTimeout(i);

    //清除Interval的定时器,传入id(创建定时器时会返回一个id)
    clearInterval(j);
</script>

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

例如

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();
})