菜鸟前端日记8 (原生JS--定时器)

来源:互联网 发布:java工程师面试题 编辑:程序博客网 时间:2024/05/22 10:45

定时器

定时器:Js内置的一个方法,它是window上的方法,所以this指向window。
setInterval()—重复执行定时器
作用:每隔一段时间就会去执行指定的代码,重复执行。
语法:

setInterval(function(){      重复执行的代码},时间)//时间:间隔的时间 单位毫秒  1s=1000mssetInterval(函数名,时间);//函数是在外面定义的,这里调用时只写函数的名字,不能加括号

setTimeOut()—延迟定时器
作用:当延迟时间到达后会执行指定的函数,这个函数只执行一次。
语法:

setTimeout(function(){    要执行的函数},时间)setTimeout(函数名,时间);

清除定时器

定时器的编号:
定时器的返回值,返回一个数字,代表当前定时器的编号,在不同的浏览器里是不同的,所以我们没办法直接拿编号去清除定时器。可以先声明个变量,把定时器的返回值存到这个变量里。然后拿这个变量去清除定时器。

var timer1 = setInterval(函数名,时间);var timer2 = setTimeout(函数名,时间);

清除定时器的方法:
1、清除重复执行定时器的方法

clearInterval(timer1)

2、清除延迟执行定时器的方法

clearTimeout(timer2);
阅读全文
0 0