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();
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,265评论 0 4
  • 第一章――背叛的友情
    千山寻寒雪阅读 186评论 0 0
  • 山本耀司:我投一下一枚炸弹 Yohji Yamamoto 分享一 在女人身上,男人只要看到一丝膨胀的自我,便会厌倦...
    Yohji阅读 134评论 0 0
  • 早晨的钟声敲响了 我告诉你 那是多么宛转悠扬又多么美丽 夜晚的灯火亮起了 我告诉你 那里有多少人梦一般的戏剧 我要...
    王不烦阅读 459评论 0 1