蚌埠市建设管理局官方网站,智慧旅游网站建设方案ppt模板,汕尾东莞网站建设,微信服务平台开发JavaScript 定时器#xff0c;有时也称为“计时器”#xff0c;用来在经过指定的时间后执行某些任务#xff0c;类似于我们生活中的闹钟。
在 JavaScript 中#xff0c;我们可以利用定时器来延迟执行某些代码#xff0c;或者以固定的时间间隔重复执行某些代码。例如…JavaScript 定时器有时也称为“计时器”用来在经过指定的时间后执行某些任务类似于我们生活中的闹钟。
在 JavaScript 中我们可以利用定时器来延迟执行某些代码或者以固定的时间间隔重复执行某些代码。例如您可以使用定时器定时更新页面中的广告或者显示一个实时的时钟等。 JavaScript 中提供了两种方式来设置定时器分别是 setTimeout() 和 setInterval()它们之间的区别如下
方法作用setTimeout()在指定的时间后单位为毫秒执行某些代码代码只会执行一次setInterval()按照指定的周期单位为毫秒来重复执行某些代码定时器不会自动停止除非调用 clearInterval() 函数来手动停止或着关闭浏览器窗口
具体介绍如下
setTimeout()
常用语法
// 单次定时器只能执行一次
setTimeout(function () { },time);// - 参数1function 必需。函数过time时间之后执行的业务逻辑可写成箭头函数(){}的形式// - 参数2time 可选。执行或调用 function 需要等待的时间以毫秒ms计。默认为 0// 清除setTimeout单次定时器
clearTimeout(定时器名称);
注意事项time 取默认值 0 时意味着“马上”执行或者尽快执行。不管是哪种情况实际的延迟时间可能会比期待的 (time 毫秒数) 值长。
实际延时比设定值更久的原因最小延迟时间
在浏览器中setTimeout/setInterval的每调用一次定时器的最小间隔是 4ms这通常是由于函数嵌套导致嵌套层级达到一定深度5层或者是由于已经执行的 setInterval 的回调函数阻塞导致的不同浏览器中出现这种最小延迟的情况有所不同 setInterval()
常用语法
// 循环定时器不停歇每过一段时间time执行一次。setInterval(function () { },time);
// 参数同setTimeout// 清除setInterval循环定时器
clearInterval(定时器名称);
setTimeout() 和 setInterval中的调用函数我们也称为回调函数 callback 普通函数是按照代码顺序直接调用。 而这个函数需要等待时间时间到了才去调用这个函数因此称为回调函数。
延迟限制定时器是可以嵌套的这意味着setInterval的回调中可以嵌入对 setInterval 的调用以创建另一个定时器即使第一个定时器还在运行。为了减轻这对性能产生的潜在影响一旦定时器嵌套超过 5 层深度浏览器将自动强制设置定时器的最小时间间隔为 4 毫秒。如果尝试将深层嵌套中调用 setInterval的延迟设定为小于 4 毫秒的值其将被固定为 4 毫秒。
