在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函数的含义

setInterval()是一种定时器,它按照指定的设置时间(以毫秒计)来调用函数的方法。clearInterval()是结束定时器的循环调用函数。除非调用clearInterval()方法,否则无限循环执行回调函数。例如:

1
2
3
4
5
6
7
8
9
var  i = 0; //定义一个变量i
var  t = setInterval( function (){
     if (i === 60){
         clearInterval(t); //假如i是60,则清除此定时器,结束循环回调
     } else {
         i++;
         console.log(i);
     }
},1000); //设置每1000毫秒(一秒钟)回调一次函数

setTimeout()同理也是一种定时器,对应的结束定时的方法是clearTimeout()。与setInterval()不同的是,此定时器只执行一次,例如:

1
2
3
var  t = setTimeout( function (){
     console.log( "OK" );
},1000); //一秒后在控制台输出字符串"OK"

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
clearInterval() 定义和用法
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

setTimeout() 定义和用法
setTimeout()
方法用于在指定的毫秒数后调用函数或计算表达式。

提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
clearTimeout() 定义和用法
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

猜你喜欢

转载自blog.csdn.net/W859265708/article/details/81022235