setTimeout,clearTimeout与setInterval,clearInterval

最新推荐文章于 2022-11-22 10:35:22 发布
最新推荐文章于 2022-11-22 10:35:22 发布
阅读量174 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript C C++ C# 浏览器 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuzidong_liuzidong/article/details/83799585
版权
一 参考链接
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/3f794022d847c0549922edf1.html[/url]
3 setTimeout和setInterval
[url]http://www.iteye.com/topic/221099[/url]
4 JS延迟加载 setTimeout方法释疑
[url]http://www.iteye.com/topic/150712[/url]
二 相关解释:
参考W3C文档:
JavaScript 计时事件
通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:
setTimeout()
未来的某时执行代码
clearTimeout()
取消setTimeout()

setTimeout()
var t=setTimeout("javascript语句",毫秒)setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示：1000 毫秒等于一秒。

语法
setTimeout(code,millisec)参数 描述
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数。

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

<script type="text/javascript">
var c=0
var t

function timedCount()
 {
 document.getElementById('txt').value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }

function stopCount()
 {
 clearTimeout(t)
 }
</script>


setInterval

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
返回值
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

clearInterval
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
语法
clearInterval(id_of_setinterval)参数 描述
id_of_setinterval 由 setInterval() 返回的 ID 值。
实例
下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock： 
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>
天涯在身边
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
定时器 / setTimeout延迟 / setInterval间隔 / clearTimeout、clearInterval清除定时器 / 定时器管理 / 定时器的问题
kino2046的博客
09-14 2182
定时器的作用： 每隔一段时间或者延迟一段时间，执行一段指定的代码。 定时器的分类： 1.延迟定时器 setTimeout （timeout超时） 2.间隔定时器 setInterval （interval间隔） 清除(关闭)定时器: clearTimeout(index); clearInterval(index); 定时器管理...
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
weixin_34081595的博客
05-20 678
写在前面： 在js应用中，定时器的作用就是可以设定当到达一个时间来执行一个函数，或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法：setInterval()、setTimeout()、clearInterval()，本文将围绕这三种函数的用法，来实现定时器的功能，需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，希望对大家有所帮助。 定时器的应用需求： 1.设定一个时间，当时间...
js 清除已运行的定时器clearTimeout() 和clearInterval()
qq_45094682的博客
11-22 4852
清除已运行的定时器clearTimeout() 和clearInterval() 在做demo时很容易不给定时器设置一个变量存储，而是直接用定时器了，如果数据量大的话就会在控制台一直输出，这时候你应该静下心来把定时器清除就是了 假设我们有100,000条消息，根据视频播放的进度展示对应的消息，不展示历史消息。
原来clearInterval和 clearTimeout可以互用
Marshall001的博客
07-11 5675
setInterval和setTimeout返回的是一个整数ID。从技术上来说clearInterval和clearTimeout是可以互用的，如下所示。不过这样做会造成语义上的歧义，因此并不建议。var timer = setInterval(function() { console.log('hello world'); }, 1000); // clearInterval(timer)
js 定时任务处理 setTimeOut,setInterval 与 clearTimeOut,clearInterval ,简单总结
默默无闻的码农
09-03 1537
setTimeout和setInterval函数，都返回一个表示计数器编号的整数值，将该整数传入clearTimeout和clearInterval函数，就可以取消对应的定时器。 var id1 = setTimeout(f,1000); var id2 = setInterval(f,1000); clearTimeout(id1); clearInterva...
理解javascript定时器中的setTimeout与setInterval
10-22
与`setTimeout`一样，`setInterval`在标准浏览器和IE10以上版本也支持传递额外参数。 然而，`setTimeout`和`setInterval`在处理`this`关键字时有一个常见问题。由于它们执行的代码是在全局作用域中，因此`this`通常...
javascript setTimeout和setInterval 的区别
10-29
与`setTimeout`不同，`setInterval`会一直重复执行，直到被明确地取消。 ```javascript var timer2 = setInterval('startShow()', 2000); ``` 以上代码会每2秒钟执行一次`startShow()`函数，直到`clearInterval`...
VUE中setTimeout和setInterval自动销毁案例
10-14
同样的方法可以应用于`setInterval`，只需替换`clearTimeout`为`clearInterval`。 此外，对于异步请求，比如Ajax，我们也可以采用类似的方法，存储请求的句柄并在页面切换时调用`abort()`来取消请求，防止服务器...
JavaScript SetInterval与setTimeout使用方法详解
10-26
JavaScript中的setTimeout和setInterval是两个非常实用的定时器函数，它们允许开发者在指定的时间后执行代码或者在固定的时间间隔内重复执行代码。以下是关于这两个函数的详细知识点。 ### setTimeout函数 ...
深入理解setTimeout函数和setInterval函数
09-02
与`setTimeout`不同，`setInterval`会持续调用指定的函数，直到调用`clearInterval`来取消。`clearInterval`同样接受`setInterval`返回的ID作为参数： ```javascript var intervalId = setInterval...
用setTimeout和clearTimeout简单实现setInterval与clearInterval
weixin_34406086的博客
05-08 759
这个问题其实是前一段时间舍友的一道面试题。我觉得类似用reduce实现map、用xxx实现yyy的题目其实都挺有意思，考察融会贯通的本领。不过相比之下这道题可能更有实际意义。比如我们经常会用 setTimeout 来实现倒计时。下面来说说我对这个问题的思考。 简单版本 首先我们先用 setTimeout 实现一个简单版本的 setInterval。 setInterval 需要不停循环调用，这让...
javascript中的setTimeout() 方法和clearInterval() 方法和setInterval() 方法
Jack huang的专栏
02-27 725
语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。 提示和注释 提示：setTimeout() 只执行 code 一次。 ......
【JS基础】setTimeout、setInterval、clearTimeout、clearInterval
Milk~每天分享一点点，技术进步一点点
08-17 506
定时器 JS设置定时器和清除定时器 ​ 在做项目中难免会碰到需要实时刷新，动画依次出现等等需求，这时候就需要定时器登上我们的代码舞台了，所以今天我们就先来了解一下JS定时器的设置和清除吧。 一、启用定时器 ​ window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.
前端 —— JavaScript 基础篇 20 --- 定时器 setTimeout、setInterval、clearTimeout、clearInterval
宁静致远
06-24 243
上一篇提到了BOM对象 即window对象 今天总结下window的另一个对象：定时器 setTimeout(); 定时器 延迟执行，并且执行一次 参数1：函数———要执行的逻辑 参数2：时间——单位是毫秒，表示间隔多长时间执行参数1 1000毫秒 = 1秒 语法： window.setTimeout(function () { // 函数体 },1000)； 省略 window的写法 setTimeout(function () { ...
setTimeout实现setInterval和clearInterval
qq_35629054的博客
12-13 542
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
《前端》 setInterval() 方法、clearInterval() 方法、 setTimeout() 方法、clearTimeout() 方法
BelleDiao的博客
06-03 1704
定时和取消定时： setInterval() 方法、clearInterval() 方法、setTimeout() 方法、clearTimeout() 方法 一.setInterval与setTimeout的区别 setInterval setInterval()方法可按照指定的周期来调用函数或者计算表达式（以毫秒为单位） 语法： setInterval(函数表达式, 毫秒数); setInterval(function, 函数表达式, param1, param2, ...) se..
2020-3-27原生JS/ZL13：年、月、日、setTimeout、setInterval、clearTimeout、clearInterval理解总结
qq_25787687的博客
03-27 291
1、原生JS获取数据 var date = new Date(); date .getYear(); //获取当前年份(2位) date .getFullYear(); //获取完整的年份(4位) date .getMonth(); //获取当前月份(0-11,0代表1月) date .getDate(); //获取当前日(1-31) date .getDay(); //获取当前星期X(0-6,0...
php clearinterval,js计数器方法setInterval()、clearInterval()、setTimeout()和clearTimeout()
weixin_30994671的博客
03-13 231
方法描述setInterval周期性地调用一个函数(function)或者执行一段代码。clearInterval取消掉用setInterval设置的重复执行动作。setTimeout在指定的延迟时间之后调用一个函数或者执行一个代码片段。clearTimeout方法可取消由 setTimeout() 方法设置的 timeout。setInterval()window.setInterval()方法...
在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函数的含义
我是星星的博客
07-12 7734
setInterval()是一种定时器，它按照指定的设置时间（以毫秒计）来调用函数的方法。clearInterval()是结束定时器的循环调用函数。除非调用clearInterval()方法，否则无限循环执行回调函数。例如：123456789vari=0;//定义一个变量ivart=setInterval(function(){if(i===60){clea...
微信小程序 详细说明一下 clearTimeout, setInterval,clearInterval
最新发布
06-08
clearTimeout() 方法用于停止由 setTimeout() 方法设置的计时器。如果计时器已经启动，则可以使用 clearTimeout() 方法将其停止。该方法需要一个参数，即要停止的计时器的 ID。例如： ``` var timerID = setTimeout...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值