javascript延时setTimeOut与定时setInterval函数区别

1、js延时函数setTimeOut(回调函数,延时时间)

应用：希望页面等待一段时间之后去做某一件事情（只做一次）。

定义延时函数：

 <script type="text/javascript">var i=0;   //调用延时执行，等待5秒之后去执行回调函数window.setTimeout("setOutalert()",5000);function setOutalert(){alert("延时执行");}//######################//回调函数还可以这样定义window.setTimeout(function(){alert("内部定义回调函数");},5000);</script>

怎么取消延时执行呢？（万一能够用到呢？）

取消延时：在延时函数还没有被调用之前可以取消执行（不然还取消干啥？）

 <script type="text/javascript">var i=0;   //调用延时执行，等待5秒之后去执行回调函数var stopSetTimeOutVal=window.setTimeout("setOutalert()",5000);//定义一个三秒的延时去取消五秒的延时window.setTimeout("setOutalertForThree()",3000);function setOutalertForThree(){window.clearTimeout(stopSetTimeOutVal);}function setOutalert(){alert("延时执行");}//######################//回调函数还可以这样定义window.setTimeout(function(){alert("内部定义回调函数");},5000);</script>

2、js定时setInterval(回调函数,定时执行时间)函数

应用：页面需要每隔一段时间去做一件事情（不停止就老做）

定义：

 <script type="text/javascript">var i=0;var stopInterval=window.setInterval("setAddOne()",1000);function setAddOne(){console.log("定时回调函数："+i++)}//#######################//同延时执行的定义一样，它还可以这样定义setInterval(function(){//定时回调函数，定时的回调函数也可以定义在外面console.log("定时："+i++)},1000);</script>

定时函数同样可以取消（直接离开这个页面它也不执行了），使用一个延时函数去取消定时

 <script type="text/javascript">var i=0;//定时执行var stopInterval=window.setInterval("setAddOne()",1000);function setAddOne(){console.log("定时回调函数："+i++)}//延时执行去停止定时执行window.setTimeout("setOutalert()",5000);function setOutalert(){//alert("延时执行");window.clearInterval(stopInterval);console.log("停止定时执行");}</script>

javascript延时setTimeOut与定时setInterval函数区别相关推荐

js延时调用和定时调用
知识点: 延时调用:一个函数不马上执行,而是隔一段时间在执行,而且只会执行一次延时调用和定时调用的区别,定时调用会执行多次,而延时调用只会执行一次详细代码: <!DOCTYPE html&g ...
JavaScript之setTimeout与setInterval的用法与区别
}, 1000) } 那为啥使用let就可以了呢: 其实使用let之后,也没有改变执行机制,仍然是最后执行的alert(),但是let可以在每一次把更新的变量i传进函数体内,也就是每一次的i加1之后, ...
setTimeout和setInterval的区别
setTimeout和setInterval的区别 javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行 ...
Javascript的setTimeOut()和setInterval()的定时器用法
Javascript用来处理延时和定时任务的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请 ...
setTimeout()和setInterval()的区别和转换
定义 setTimeout()和setInterval()经常被用来处理延时和定时任务.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔 ...
setTimeOut与setInterval的区别
有关这两个概念,很多朋友在刚接触时都有过迷惑,今天就再讨论一下,如果有不对的地方,欢迎各位拍砖,扔鸡蛋,扔鞋.在这里完全欢迎. 说起扔鞋,就不得不提10月7日晚司马南在海南大学演讲时遭学生扔鞋的事情, ...
JS setTimeout和setInterval的区别
1.setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...
10.setTimeout和setInterval的区别以及模拟实现：
10.setTimeout和setInterval的区别以及模拟实现: setTimeout:推迟ms后执行一次:(延时器) setInterval:间隔ms就重复执行.(重复定时器) 使用setTi ...
JavaScript教程-setTimeout,setInterval,
调度:setTimeout 和 setInterval 有时我们并不想立即执行一个函数,而是等待特定一段时间之后再执行.这就是所谓的"计划调用(scheduling a call)" ...
javascript实现毫秒级精准定时执行函数
由于javascript 的 setTimeout 会因为事件循环问题导致不精准,有偏差这里实现了一个精准的定时执行函数原理: 每隔时间的一半,重新设置定时器,时间继续切分一半,相当于重新校准偏差 ...

javascript延时setTimeOut与定时setInterval函数区别

javascript延时setTimeOut与定时setInterval函数区别相关推荐

最新文章

热门文章