setTimeout与setInterval

setTimeout只执行一次，主要广泛用于在指定的毫秒（1000ms=1s）后调用函数等。而setInterval则是在相隔指定的周期内循环执行。所以setInterval如果不清除会一直执行下去，会导致内存溢出。setTimeout和setInterval参数相同。

setTimeout(code, millisec)

其中第一个参数是要执行的code，第二个是延迟的毫秒周期。

实例

说明：该实例体现的是打开网页页面后2s通过timeout打印“1”，打印完毕后通过Interval打印“2”。

mounted() {    //载入后this.timer1 = window.setTimeout(() => {alert(1)this.timer2 = window.setInterval(() => {console.log('--11---')    //如果不关闭Interval定时器，控制台会一直打印“11”}, 2000);}, 2000);   //设置同样的周期才能确保在打印“1”1以后立即打印“2”beforeDestroy(){  //销毁前clearInterval(this.timer2);        this.timer2 = null;}

暂停定时器interval的语法

clearInterval(定时器名称);

关于定时器setTimeout与setInterval的定时与关闭操作相关推荐

JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...
定时器setTimeout和setInterval的简单应用
本文简单利用定时器setTimeout和setInterval举了两个小栗子:定时炸弹和1-100递增代码如下: <!DOCTYPE html> <html lang=" ...
setTimeout 和 setInterval 的定时时间深入研究
setInterval() - 间隔指定的毫秒数不停地执行指定的代码(一直执行). setTimeout() - 在指定的毫秒数后执行指定代码(只执行一次). 使用setInterVal: funct ...
js中的两种定时器setTimeout()和setInterval()怎么用
JS有两种定时器分别是setTimeout()和setInterval(),这两个区别就是setTimeout()是一次性的定时器,而setInterval()是循环的定时器. 定时器的精度 js中的 ...
js中的定时器 setTimeout()和setInterval() (保姆级教程)
1 两种定时器 window 对象给我们提供了 2 个非常好用的方法-定时器. setTimeout() setInterval() 2 setTimeout() 定时器 window.setTime ...
js定时器setTimeout和setInterval用法及区别，清除定时器的使用
setTimeout和setInterval使用方法定时器两个参数,第一个是执行代码,第二个是执行时间.执行时间自己随便设置,执行代码有以下几种方式传入: 1.匿名函数形式传入 setTimeout ...
定时器 setTimeout、setInterval详解
定时器:按我个人理解来说就是固定某个时间后,时间到了,就提醒我时间到了. 程序中的定时器:相当于倒计时,也相当于计时器.作用是在设定的某个时间后,执行特定的方法. 我们先来了解一下setTimeout ...
定时器 setTimeout与setInterval的用法
一.setTimeout()方法(setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.): <script>function f1(){console.log('蒙多觉 ...
如何使用定时器settimeout、setInterval执行能传递参数的函数(转)
来自: http://www.cnblogs.com/wkylin/archive/2012/09/07/2674911.html var userName="jack"; //根 ...

关于定时器setTimeout与setInterval的定时与关闭操作

setTimeout与setInterval

实例

关于定时器setTimeout与setInterval的定时与关闭操作相关推荐

最新文章

热门文章