定时器 / setTimeout延迟 / setInterval间隔 / clearTimeout、clearInterval清除定时器 / 定时器管理 / 定时器的问题

最新推荐文章于 2021-06-24 21:51:46 发布
最新推荐文章于 2021-06-24 21:51:46 发布
阅读量2.1k 收藏 4
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kino2046/article/details/100826516
版权
本文介绍了JavaScript中的定时器，包括setTimeout用于延迟执行，setInterval用于周期性执行，以及如何使用clearTimeout和clearInterval清除定时器。强调了定时器管理的重要性，如在开启前关闭定时器，避免多个定时器同时运行。同时，文章讨论了定时器中this的指向问题，不推荐使用字符串参数，推荐的time值以及传参的注意事项。
摘要由CSDN通过智能技术生成

定时器的作用：

        每隔一段时间或者延迟一段时间，执行一段指定的代码。

定时器的分类：

    1.延迟定时器 setTimeout   （timeout超时）

    2.间隔定时器 setInterval    （interval间隔）

清除(关闭)定时器:

    clearTimeout(index);

    clearInterval(index);

定时器管理：

    养成一个好习惯确保单个效果中，只有一个定时器在执行，下面是两种管理方法

最低0.47元/天 解锁文章
kino2046
关注
专栏目录
《前端》 setInterval() 方法、clearInterval() 方法、 setTimeout() 方法、clearTimeout() 方法
BelleDiao的博客
06-03 1725
定时和取消定时： setInterval() 方法、clearInterval() 方法、setTimeout() 方法、clearTimeout() 方法 一.setInterval与setTimeout的区别 setInterval setInterval()方法可按照指定的周期来调用函数或者计算表达式（以毫秒为单位） 语法： setInterval(函数表达式, 毫秒数); setInterval(function, 函数表达式, param1, param2, ...) se..
js 清除已运行的定时器clearTimeout() 和clearInterval()
最新发布
qq_45094682的博客
11-22 4983
清除已运行的定时器clearTimeout() 和clearInterval() 在做demo时很容易不给定时器设置一个变量存储，而是直接用定时器了，如果数据量大的话就会在控制台一直输出，这时候你应该静下心来把定时器清除就是了 假设我们有100,000条消息，根据视频播放的进度展示对应的消息，不展示历史消息。
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
weixin_34081595的博客
05-20 683
写在前面： 在js应用中，定时器的作用就是可以设定当到达一个时间来执行一个函数，或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法：setInterval()、setTimeout()、clearInterval()，本文将围绕这三种函数的用法，来实现定时器的功能，需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，希望对大家有所帮助。 定时器的应用需求： 1.设定一个时间，当时间...
setTimeout,clearTimeout与setInterval,clearInterval
咫尺天涯
12-21 178
一 参考链接 1 setTimeout与setInterval在不同浏览器下的差异研究 [url]http://www.iteye.com/topic/578308[/url] 2 clearInterval类似JS的clearTimeout [url]http://hi.baidu.com/xuaner%C0%B6/blog/item/3f794022d847c0549922ed...
setTimeOut、setInterval与clearInterval函数
weixin_34021089的博客
07-05 115
1.setTimeOut 在指定毫秒数后调用函数或计算表达式，函数或计算表达式只执行一次 setTimeout("alert('5 seconds!')",5000) 2、setInterval 按照指定的周期来调用函数或计算表达式 setInterval("alert('hello')",1000) 3、clearInterval 可以取消setInterv...
JavaScript定时器setTimeout()和setInterval()详解
12-10
JavaScript定时器是编程中用于控制时间流的重要工具，它们允许我们延迟执行代码或者周期性地重复执行代码。本文将深入探讨两种主要的...在复杂的程序中，对定时器的管理尤为重要，确保它们正确运行且不会造成性能问题。
理解javascript定时器中的setTimeout与setInterval
10-22
本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....
BOM系列第一篇之定时器setTimeout和setInterval
09-01
在BOM系列的第一篇中，我们重点关注的是定时器`setTimeout`和`setInterval`，这两个方法是JavaScript中处理异步编程的重要工具。 `setTimeout`方法允许我们在指定的毫秒数之后执行一个函数或字符串。它接受两个主要...
原来clearInterval和 clearTimeout可以互用
Marshall001的博客
07-11 5700
setInterval和setTimeout返回的是一个整数ID。从技术上来说clearInterval和clearTimeout是可以互用的，如下所示。不过这样做会造成语义上的歧义，因此并不建议。var timer = setInterval(function() { console.log('hello world'); }, 1000); // clearInterval(timer)
【JS基础】setTimeout、setInterval、clearTimeout、clearInterval
Milk~每天分享一点点，技术进步一点点
08-17 513
定时器 JS设置定时器和清除定时器 ​ 在做项目中难免会碰到需要实时刷新，动画依次出现等等需求，这时候就需要定时器登上我们的代码舞台了，所以今天我们就先来了解一下JS定时器的设置和清除吧。 一、启用定时器 ​ window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.
用setTimeout和clearTimeout简单实现setInterval与clearInterval
weixin_34406086的博客
05-08 771
这个问题其实是前一段时间舍友的一道面试题。我觉得类似用reduce实现map、用xxx实现yyy的题目其实都挺有意思，考察融会贯通的本领。不过相比之下这道题可能更有实际意义。比如我们经常会用 setTimeout 来实现倒计时。下面来说说我对这个问题的思考。 简单版本 首先我们先用 setTimeout 实现一个简单版本的 setInterval。 setInterval 需要不停循环调用，这让...
javascript中的setTimeout() 方法和clearInterval() 方法和setInterval() 方法
Jack huang的专栏
02-27 730
语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。 提示和注释 提示：setTimeout() 只执行 code 一次。 ......
java timer 定时器本轮定时超过时间间隔的情况下执行完本次直接执行下一次
xiaoxin
06-18 1822
场景： java timer定时器           定时1分钟时间间隔，定时执行的任务中加了wait（70*1000），结果比如开始执行是在10:10:10，到10:11:20执行结束，10:11:20开始执行下一次定时。10:12:30执行结束，10:12:30开始执行下一次定时。  ...
setTimeout实现setInterval和clearInterval
qq_35629054的博客
12-13 565
function interV (fn, time) { let res = { target: '' // 需要注意：利用引用类型保证target一直是最新的 } function test () { fn() res.target = setTimeout(test, time); } test() return res } function cv (timer) { clearTimeout(timer.target) } let t = int
html 取消settimeout,JavaScript中停止执行setInterval和setTimeout事件的方法
weixin_36290895的博客
06-24 4657
js 代码中执行循环事件时，经常会用到 setInterval 和 setTimeout 这两个方法，关于这两个方法的细节这里不详细讨论了，简要分享下在需要停止循环事件的时候该如何操作。(1)setInterval 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式，停止该方法可使用 clearInterval 方法。具体示例如下：var int=self.setInterval("clock...
js 定时任务处理 setTimeOut,setInterval 与 clearTimeOut,clearInterval ,简单总结
默默无闻的码农
09-03 1543
setTimeout和setInterval函数，都返回一个表示计数器编号的整数值，将该整数传入clearTimeout和clearInterval函数，就可以取消对应的定时器。 var id1 = setTimeout(f,1000); var id2 = setInterval(f,1000); clearTimeout(id1); clearInterva...
前端 —— JavaScript 基础篇 20 --- 定时器 setTimeout、setInterval、clearTimeout、clearInterval
宁静致远
06-24 256
上一篇提到了BOM对象 即window对象 今天总结下window的另一个对象：定时器 setTimeout(); 定时器 延迟执行，并且执行一次 参数1：函数———要执行的逻辑 参数2：时间——单位是毫秒，表示间隔多长时间执行参数1 1000毫秒 = 1秒 语法： window.setTimeout(function () { // 函数体 },1000)； 省略 window的写法 setTimeout(function () { ...
setInterval 、 settimeout 、clearInterval 用法(特殊情况下代替schedule)
Cleve_baby的博客
07-07 1270
setInterval ：setInterval(function(){cc.log("do someting")},3000) //间隔3秒执行一次 ，可代替schedule，区别就是setInterval以毫秒计时，而schedule以秒计时settimeout ：settimeout (function(){cc.log("do someting")},3000) //3秒后执行一次且...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值