setTimeOut浅析

最新推荐文章于 2021-12-26 17:25:15 发布
最新推荐文章于 2021-12-26 17:25:15 发布
阅读量213 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25864747/article/details/79155607
版权

setTimeout,前端工程师必定会打交道的一个函数.它看上去非常的简单,朴实.有着一个很不平凡的名字–定时器.让年少的我天真的以为自己可以操纵未来.却不知朴实之中隐含着惊天大密.我还记得我第一次用这个函数的时候,我天真的以为它就是js实现多线程的工具.当时用它实现了一个坦克大战的小游戏,玩儿不亦乐乎.可是随着在前端这条路上越走越远,对它理解开始产生了变化.它似乎开始蒙上了面纱,时常有一些奇怪的表现让我捉摸不透.终于,我的耐心耗尽,下定决心,要撕开它的面具,一探究竟.

要说setTimeout的渊源,就得从它的官方定义说起.w3c是这么定义的

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

看到这样一个说明,我们明白了它就是一个定时器,我们设定的函数就是一个”闹钟”,时间到了它就会去执行.然而聪明的你不禁有这样一个疑问,如果是settimeout(fn,0)呢?按照定义的说明,它是否会立马执行?实践是检验真理的唯一标准,让我们来看看下面的实验

复制代码
复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    <script>
        alert(1); 
        setTimeout("alert(2)", 0); 
        alert(3); 
    </script>
</body>
</html>
复制代码
复制代码

这是一个很简单的实验,如果settimeout(0)会立即执行,那么这里的执行结果就应该是1->2>3  . 然而实际的结果却是1->3->2. 这说明了settimeout(0)并不是立即执行.同时让我们对settimeout的行为感到很诡异.

 

js引擎是单线程执行的

 

最低0.47元/天 解锁文章
lloyd_chou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
setTimeout()的参数问题
无知的圆的博客
07-29 1710
setTimeout()的参数问题 执行时间 setTimeout()方法接收两个参数，第一个参数可以是包含JavaScript代码的字符串，或者是一个函数。第二个参数表示等待多长时间的毫秒数将当前任务添加到队列中。 setTimeout(“go()”, 1000); //等待1000毫秒执行go函数 setTimeout(go, 1000); //等待1000毫秒执行go函数 setTimeout(go(), 1000); //立即执行go函数，这种情况会忽略后面的等待时间 带引号
setTimeout 的黑魔法
u012125579的专栏
05-07 1063
setTimeout 的黑魔法 setTimeout,前端工程师必定会打交道的一个函数.它看上去非常的简单,朴实.有着一个很不平凡的名字–定时器.让年少的我天真的以为自己可以操纵未来.却不知朴实之中隐含着惊天大密.我还记得我第一次用这个函数的时候,我天真的以为它就是js实现多线程的工具.当时用它实现了一个坦克大战的小游戏,玩儿不亦乐乎.可是随着在前端这条路上越走越远,对它理解
JavaScript 中 setTimeout 的那些事儿
kingliguo的博客
09-30 440
原文入口 一、setTimeout那些事儿之单线程 一直以来，大家都在说Javascript是单线程，浏览器无论在什么时候，都且只有一个线程在运行JavaScript程序。 但是，不知道大家有疑问没——就是我们在编程过程中的setTimeout(类似的还有setInterval、Ajax)，不是异步执行的吗？！！ 例如： head> titl
HTML DOM setTimeout() 方法
№快乐因你♂
06-15 472
定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout(code,millisec)参数描述code必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需。在执行代码前需等待的毫秒数。提示和注释提示：setTimeout() 只执
setTimeout保证浏览器可以实时接收到输入框内容
litCabbage的博客
07-30 95
用户自定义的回调函数，是会在浏览器的默认动作之前触发。列如想要将输入框的内容大写，如果直接修改的话，是不能实时获取到内容的 <input type="text" class="down" placeholder="输入框"> <script src="../jque...
setTimeout与setInterval的区别浅析
01-19
在JavaScript中主要通过定时器实现此类需求，本文将对定时器做一个概括，正对setTimeout()做一个详细用法总结。 setTimeout()定义和用法 首先让我们看一看W3C上关于setTimeout方法的介绍 定义 setTimeout() 方法...
js中setTimeout()与clearTimeout()用法实例浅析
10-24
主要介绍了js中setTimeout()与clearTimeout()用法,以实例形式分析了setTimeout()与clearTimeout()的功能与使用技巧,需要的朋友可以参考下
浅析javascript 定时器
12-09
setTimeout()–用于指定在一段特定的时间后执行某段程序。  格式: [定时器对象名=]setTimeout(“<表达式>”,毫秒数); 功能: 执行<表达式>一次。 其中表达式是字符串，可以使任意javascript语句 代码如下: &...
setTimeout()方法，你真的懂吗？
weixin_30820077的博客
03-01 153
　　今天在群里看到了一道经典的javascript题型，之前也遇到过，可是再次遇到时，还是做错，还是不理解，因此这里来做个笔记吧！ 　　不说了，直接上代码吧　　 　　for(var i=1; i<=9; i++) { 　　　　setTimeout(function(){ 　　　　　　console.log( i ); 　　　　},1000 ); 　　} 　　看到这里，你知道答...
setTimeout
boysky0015的博客
08-28 285
var root = document.getElementById('root'); root.onclick = function A(){ console.log('触发子元素事件'); } document.body.onclick = function C(){ console.log('触发父元素事件'); } 打印的结果不言而喻： 触发子元素事件 触发父元素事件 如...
计时器解决setIntervalsetTimeout的休眠问题
08-12
real-interval 如果你用setTimeout或setInterval实现过网页倒计时功能，你就会发现： 当电脑或者APP休眠了一段时间后，倒计时会出现问题：它比正确的时间慢了。 real-interval能解决这个问题。
settimeout
未玄的博客
08-17 492
一、概念 1、js中可以通过setTimeout函数设置定时器，让指定的代码在指定的时间运动. 如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。 2、clearTimeout()用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。 setTimeout(要执行的代码,时间);       ...
setTimeout定时器
个人中心
12-26 2135
setTimeout
关于setTimeout深度理解
pspxuan的博客
10-13 282
这两天在学习过程中，经常用到了setTimeout( ) 方法，详细了解后发现，这个方法并不是以前想的那么简单，网上看了很多网友的实例，很受启发。 下面根据实例再来重新梳理一下 1.setTimeout( )基本概述 setTimeou方法可以使函数按要求延迟一段时间执行，并且可以传递参数 setTimeout(function/code, milliseconds, param1, param2...
详解setTimeout()
热门推荐
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
SetTimeOut 详解
hellowindowns的博客
09-07 748
1. SetTimeOut() 1.1 SetTimeOut()语法例子 1.2 用SetTimeOut()执行Function 1.3 SetTimeOut()语法例子 1.4 设定条件使SetTimeOut()停止 1.5 计分及秒的counter 2. ClearTimeout() 3. Set Flag  10.1　setTimeout(
js实现每隔一秒自动执行函数
weixin_34281537的博客
05-30 2549
1. setInterval() 用法_学习//每隔一秒自动执行方法var c=0;function showLogin(){alert(c++);}//setInterval方法或字符串 ，毫秒，参数数组（方法的）)setInterval("showLogin()","1000");2.setTimeoutsetTimeout()在js类中的使用方法 setTimeout (表达式,延时时间...
深入理解setTimeout
xiaoxu的博客
10-08 667
文章目录什么是setTimeout？ 今天认认真真的去了解了一下setTimeout之后，我才发现，我以前可能对setTimeout有什么误解… 什么是setTimeout？ setTimeout(fun,time);//fun为一个函数，time为等待的时间。 等待time时间后，把要执行的任务(fun)加入到Event Queue中，又因为是单线程任务要一个一个执行，如果前面的任务需要的时间太...
setTimeout()怎么使用
7 芒果
08-11 1794
定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。 setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterva...
settimeout里面settimeout
最新发布
06-17
`setTimeout`是JavaScript中的一个内置函数，它用于在指定的时间间隔后执行一次函数或代码块。这个函数的基本语法如下： ```javascript setTimeout(function, milliseconds, argument1, argument2, ...); ``` - `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值