JS setInterval和setTimeout区别

setInterval() 方法:

setInterval(code,millisec)

参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。
返回值
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

//无限循环loop函数
setInterval(loop,3000);
function loop(){
    alert("Hello world!");
}

 clearInterval()方法:

语法
clearInterval(id_of_setinterval)
参数 描述
id_of_setinterval 由 setInterval() 返回的 ID 值。

//停止循环loop函数
var int = setInterval(loop,3000);
window.clearInterval(int)

setTimeout() 方法:

语法
setTimeout(code,millisec)
参数 描述
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数。
提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()

//三秒后执行一次loop函数
setTimeout(loop,3000);
function loop(){
    alert("Hello world!");
}

clearTimeout() 方法:

语法
clearTimeout(id_of_settimeout)
参数 描述
id_of_setinterval 由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

//停止执行loop函数
var int = setTimeout(loop,3000);
window.clearTimeout(int)
​

猜你喜欢

转载自blog.csdn.net/LoveyourselfJiuhao/article/details/82019541