JS 定时器的2种写法及介绍

一：两种定时器

setTimeout() 延迟定时器

setInterval() 循环定时器（‘间隔器’）

定时器中的函数挂载在window对象上，内部的this指向window

 setTimeout(function(){console.log(111);},1000)  //一秒钟打印出111setInterval(function(){console.log(111);},1000)  //每隔一秒钟打印出111

二：定时器函数的参数

1、第一个参数是执行的函数，必须传递，不传没什么意义，会报错

2、第二个参数为定时器执行的毫秒数，可以不传

3、第三个之后的所有参数，都将是第一个参数函数执行的实参

//没有第二个参数会立即执行setTimeout(function(){console.log(111);
})setTimeout(function(a,b){console.log(a,b);
},1000,10,20)

HTML5标准规定了setTimeout()的第二个参数的最小值（最短间隔）,不得低于4毫秒，如果低于这个值，就会自动增加，在此之前，老版本的浏览器都将最短间隔设为10毫秒，不同的浏览器实现不同

三：清除定时器

每一个定时器开启后，都会返回一个对应的id，通过这个id就可以清除定时器

clearTimeout(timer) ====> 用于清除setTimeout

clearInterval(timer) ====> 用于清除setInterval

//在开启定时器的同时定义一个变量接受定时器返回的id，用于清除定时器
var timer=setTimeout(function(){console.log(111);
},1000)
clearTimeout(timer);var timer2=setInterval(function(){console.log(111);clearInterval(timer2);
},1000)

JS 定时器的2种写法及介绍相关推荐

JS 定时器的4种写法及介绍
JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下setTiemout.setInterval.setImmediate.requestAnimationFrame. 一.什么是定时 ...
js面向对象的五种写法
//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() Java代码 //第1种写法 function Circle(r) { this.r = r; } Circle. ...
JS面向对象的三种写法
欢迎来我的博客交流 /*面向对象的三种写法 *1.构造函数 *2.class类 * 2.直接操作对象 * */ /**/function myShow(name){this.name = name;t ...
JS冒泡排序的6种写法（武当雄风）
天下英雄出我辈,一入江湖岁月催.鸿图霸业谈笑间,不胜人生一场醉. 武当山上,一年一度的试道大会又开始了... 众武当弟子摩拳擦掌都想在此次试道大会上一展风采... 张三丰临终前曾留下一句话:试道大会采 ...
深入浅出JS定时器：从setTimeout到setInterval
前言当谈到 JavaScript 编程语言最基本的概念时,定时器就是一个必须掌握的知识点.在编写网站时,你经常会遇到需要在一定时间间隔内执行一些代码的情况.这时候,JavaScript 定时器就可以 ...
JS定时器使用、关闭
创建定时器 JS定时器有两种,分别是setTimeout和setInterval,区别是前者是执行一次,后者是循环执行,具体代码如下. //指定时间为6000毫秒,即6s,到达6s后,执行一次,之后不 ...
基于JS实现回到页面顶部的五种写法(从实现到增强)
为什么80%的码农都做不了架构师?>>> 写法 [1]锚点使用锚点链接是一种简单的返回顶部的功能实现.该实现主要在页面顶部放置一个指定名称的锚点链接,然后在页面下方放置一个返 ...
js浏览器回到顶部方法_基于JS实现回到页面顶部的五种写法(从实现到增强)
写法 [1]锚点使用锚点链接是一种简单的返回顶部的功能实现.该实现主要在页面顶部放置一个指定名称的锚点链接,然后在页面下方放置一个返回到该锚点的链接,用户点击该链接即可返回到该锚点所在的顶部位置 [ ...
JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...

JS 定时器的2种写法及介绍

JS 定时器的2种写法及介绍相关推荐

最新文章

热门文章