JavaScript中停止执行setInterval和setTimeout事件的方法_javascript技巧
程序员文章站
2022-04-30 11:03:52
...
js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件的时候该如何操作。
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
(1)setInterval 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,停止该方法可使用 clearInterval 方法。具体示例如下:
复制代码 代码如下:
语法 clearInterval(id_of_setinterval)
参数 id_of_setinterval 表示由 setInterval() 返回的 ID 值。
clearInterval() 方法可取消由 setInterval() 设置的 timeout;clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
(2)setTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。停止该方法可使用 clearTimeout 方法。具体示例如下:
提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
复制代码 代码如下:
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
语法 clearTimeout(id_of_settimeout)
参数 id_of_setinterval 表示由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
推荐阅读
-
JavaScript中setTimeout和setInterval函数的传参及调用
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)_javascript技巧
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
javascript实现在某个元素上阻止鼠标右键事件的方法和实例_javascript技巧
-
JavaScript中停止执行setInterval和setTimeout事件的方法
-
javascript中apply和call方法的作用及区别说明_javascript技巧