js定时器

定时器:js中内置的一个方法。
作用:每隔一段时间或延迟一段时间就执行一段指定的代码。
分类:
1、重复执行定时器
setInterval()
作用:每隔一段时间就执行一次代码,重复执行。
setInterval(function(){
要执行的代码
},要间隔的时间)
参数:
1、要执行的函数:当时间到了就会执行
注意:如果函数是在外面定义的,这里面调用的话只能写函数的名字,不能加括号
2、时间:间隔的时间
单位是毫
2、延时执行定时器
setTimeout()
作用:延迟一段时间后执行代码。
setTimeout({
要执行的代码
},要延迟的时间)
参数:要执行的代码:当时间到了就执行,只执行1次。如果函数是写在外面的,在这里调用的时候只用写函数的名字,不能加括号。

定时器时的this:setInterval()和setTimeout()都是window上的方法,所以this,始终指向window

清除定时器的方法
clearInterval(定时器的返回值)
clearTimeout(定时器的返回值)
定时器的一个返回值,返回一个数字,代表当前定时器的编号,我们可根据这个来清除定时器,
//清除定时器的条件一般会放在定时器执行的函数里,可以声明一个变量,把定时器的返回值都存到这个变量里,然后拿这个变量去清除定时器
清除定时器的方法
* 1、清除重复执行定时器
* clearInterval(定时器的返回值)
* 2、清除延迟执行定时器
* clearTimeout(定时器的返回值)

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

推荐阅读更多精彩内容

  • 从JS执行机制说起 浏览器(或者说JS引擎)执行JS的机制是基于事件循环。 由于JS是单线程,所以同一时间只能执行...
    love2013阅读 926评论 0 1
  • 前言:在引用开发中,我们经常需要在页面中执行一些周期性的操作,比如每隔一段时间就执行某一固定的操作。而对于这样的操...
    帅帅哒小白阅读 5,375评论 1 3
  • 1、 单线程、任务队列的概念 单线程: JavaScript是一个单线程语言,浏览器只会分配一个javascrip...
    海山城阅读 1,058评论 0 1
  • 01 一个人旅行,很好 “哎呀,有了这个软件真是省心多了,”叶青旅一边在Packpoint上勾上已经打包好的物品,...
    十二页阅读 833评论 2 1
  • 你一如既往的温柔待人并不能换来所有人的温柔以待。 眼泪流在心里,苦涩的滋味渗透心,被现实打了多少巴掌才会把希望打灭...
    宝宝菟奚tx阅读 218评论 0 0