JS中的 setTimeout 和 clearTimeout

前言

有时需要延迟执行某个函数，可以考虑使用 setTimeout 方法；如果在超时时间内发生了某个事件，想要取消执行之前设置的方法，可以使用 clearTimeout 清理掉之前设置的 timeout 对象。

setTimeout

setTimeout(function() {console.info(‘exec action')
}, 3000)

setTimeout 有两个参数，第一个参数是一个函数，表示需要延迟执行的函数。
第二参数是延迟时间，默认单位为毫秒，上面表示 3000 毫秒。

clearTimeout

调用 clearTimeout 时，需要一个timeout 对象作为参数，所以在调用 setTimeout 方法时，需要用一个变量保存 timeout 对象

var timeoutfunction a() {timeout = setTimeout(function() {console.info(‘exec action')}, 3000)
}function b() {clearTimeout(timeout)
}

在方法 a 中使用变量 timeout 存下了 setTimeout 返回的对象；
在方法 b 中调用 clearTimeout 方法，传入 timeout 保存的对象，取消之前设置的 timeout，这样待延迟执行的方法就不会被调用。

JS中的 setTimeout 和 clearTimeout相关推荐

JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法
setTimeout是指过多久执行,只执行一次 setInterval是指每过多久执行一次 clearTimeout是关闭setTimeout定时器 clearInterval是关闭setInterv ...
js中的SetTimeOut
1. SetTimeOut() 1.1 SetTimeOut()语法例子 1.2 用SetTimeOut()执行Function ...
JS中的setTimeout和setInterval函数
目录前言 setTimeout setTimeout()函数应用之点名器 setInterval setInterval应用之重写点名器前言在生活中,常有定时做某事,或者循环做某事的需求,如设置 ...
使用java写js中类似setTimeout的代码
javascript目前已经是一门相当主流的编程语言了,它的异步IO特定项目其他编程语言来说,大大减少了cpu在线程切换方面的速度.实现了单线程高并发的奇迹.而java作为老牌编程语言,在很多的项目中 ...
关于JS中的setTimeout()
1.setTimeout()基础 setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行.它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器. var timerId = s ...
js 中的SetTimeOut()
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTim ...
js中计时器setTimeout、setInterval、requestAnimationFrame区别
转载自:https://www.cnblogs.com/xiaohuochai/p/5777186.html 本文仅用于作为学习笔记计时器一直是javascript动画的核心技术.而编写动画循环的关 ...
js中的setTimeout与setTimeInterval
setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了. setTimeout内的函数先不执行,隔一段时间后再 ...
vue.js中实现方法内某些代码延时执行
今天在工作时遇见了某些代码需要延时操作的情况.具体情况为前台grid在执行完增删改操作后需要在增加或者修改弹框点击确定导致弹框消失后,grid内数据能够及时更新以便显示增删改操作后的数据.这里的话使用 ...

JS中的 setTimeout 和 clearTimeout

前言

setTimeout

clearTimeout

JS中的 setTimeout 和 clearTimeout相关推荐

最新文章

热门文章