js定时器setTimeout和setInterval用法及区别，清除定时器的使用

setTimeout和setInterval使用方法

定时器两个参数，第一个是执行代码，第二个是执行时间。执行时间自己随便设置，执行代码有以下几种方式传入：
1.匿名函数形式传入

  setTimeout(function() {console.log('time1');},1000);setInterval(function() {console.log('time1');},1000);

2.函数不带参数传入

  let time1=function() {console.log('time1');};setTimeout(time1,1000);setInterval(time1,1000);

3.函数不带参数以字符串形式传入

  let time1=function() {console.log('time1');};setTimeout("time1()",1000);setInterval("time1()",1000);

4.函数带参数以字符串形式传入（注意单双引号）

  let time1=function(val) {console.log(val);};setTimeout("time1('test')",1000);setInterval("time1('test')",1000);//这样写会报错setInterval(time1('test'),1000);

setTimeout和setInterval区别

setTimeout只在指定时间后执行一次，setInterval以指定时间为周期循环执行
例：

  let time1=function() {console.log('time1');};setTimeout(time1,5000);//五秒后执行，只执行一次let num=0let time2=function() {console.log(++num);};setInterval(time2,1000);//一秒后执行，每一秒执行一次

打印结果：setTimeout在第五秒执只行了一次，setInterval则是每一秒执行一次

清除定时器clearInterval、clearTimeout的使用

两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别，清除定时器的时候没有区别)。
要清除定时器，需要在用定时器的时候，定义一个变量来记录定时器的返回值。下面是两个清除定时器的例子：

1、可以在执行代码里给个判断条件，满足条件后执行clearInterval，定时器就停止执行了

  let num=0let time=function() {console.log(++num);if(num==4){//给个判断条件console.log(num,'num');clearInterval(timer)//满足条件后执行clearInterval，定时器就停止执行了}};let timer=  setInterval(time,1000);

2、也可以用setTimeout设置一个时间，到时间后清除定时器

  let num=0let time=function() {console.log(++num);};let timer=  setInterval(time,1000);setTimeout(function(){//到5秒时执行这里的代码，清除上面的定时器clearTimeout(timer)},5000);

js定时器setTimeout和setInterval用法及区别，清除定时器的使用相关推荐

js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法
setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTi ...
JS 中settimeout和setinterval函数的区别
2019独角兽企业重金招聘Python工程师标准>>> 首先settimeout一定时间之后执行表达式或程序,并只执行一次:setinterval是每间隔一定时间后开始执行表达式或程 ...
JS中SetTimeOut和SetInterval方法的区别？
1.setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.由 ...
JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...
前端开发：JS中setTimeout和setInterval的对比使用
前言在前端开发过程中,关于计时器的使用是非常常用的知识点,也是非常重要的,尤其是需要规定延迟多久之后再去执行某个操作.在JS的计时器使用中有setTimeout和setInterval,二者都是定时 ...
定时器setTimeout和setInterval的简单应用
本文简单利用定时器setTimeout和setInterval举了两个小栗子:定时炸弹和1-100递增代码如下: <!DOCTYPE html> <html lang=" ...
js中的两种定时器setTimeout()和setInterval()怎么用
JS有两种定时器分别是setTimeout()和setInterval(),这两个区别就是setTimeout()是一次性的定时器,而setInterval()是循环的定时器. 定时器的精度 js中的 ...
js中的定时器 setTimeout()和setInterval() (保姆级教程)
1 两种定时器 window 对象给我们提供了 2 个非常好用的方法-定时器. setTimeout() setInterval() 2 setTimeout() 定时器 window.setTime ...
定时器 setTimeout与setInterval的用法
一.setTimeout()方法(setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.): <script>function f1(){console.log('蒙多觉 ...

js定时器setTimeout和setInterval用法及区别，清除定时器的使用

setTimeout和setInterval使用方法

setTimeout和setInterval区别

清除定时器clearInterval、clearTimeout的使用

js定时器setTimeout和setInterval用法及区别，清除定时器的使用相关推荐

最新文章

热门文章