SetTimeout直接执行没有延时

最新推荐文章于 2024-04-19 12:14:11 发布
最新推荐文章于 2024-04-19 12:14:11 发布
阅读量345 收藏
点赞数 1
原文链接：http://www.cnblogs.com/WZXIt/p/7601343.html
版权

今天做页面下拉加载效果，遇到一个坑爹的问题。我在做这个效果的时候用了setTimeout，设置了3秒的延迟时间，但是效果确实直接运行没有延时。这个效果让我很操蛋，最后我在CSDN看到一位前辈对这个问题的答案：setTimeout的第一个参数必须是需要编译的代码或者是一个函数方法，而如果直接传入一行可执行代码，那么抱歉，这里会立即执行，没有延迟效果。 

所以，我修改了下我的代码：

修改前：

 

修改后：

最后延时终于生效了。

转载于:https://www.cnblogs.com/WZXIt/p/7601343.html

anshafan87673062
关注
settimeout 没有延迟_【第2002期】为什么 setTimeout 有最小时延 4ms ?
weixin_42491751的博客
01-22 377
前言今日早读文章由@俞俊授权分享。俞俊,非著名前端工程师，艺名 BY, 擅长于算法和艺术，公号《百学原理》作者正文从这开始~~在前端技术圈子里面，对于 setTimeout 常常有一句结论，“setTimeout 的最小设置延迟是 4ms”。按照 “某乎” 的方式，在回答一个问题之前得 “先看是不是”，“再看对不对或为什么”。我们先来看第一个问题，“是不是存在具体的规范来指定了 4ms,...
settimeout 延时不生效_为什么 setTimeout 有最小时延 4ms ?
weixin_39629269的博客
12-07 732
作者：YJ转发链接：https://mp.weixin.qq.com/s/4P7ohpRmBChXQpLC-MHgHQWhy's THE Design(为什么这么设计) 是一系列关于计算机领域程序设计决策的文章(偏向于前端领域)，在该系列会从不同的角度讨论这种设计的优缺点、对具体实现造成的影响。由 Draveness 的《为什么这么设计》 启发正文在前端技术圈子里面，对于 setTimeout 常...
setTimeout函数没有延时调用问题及setInterval
burning Life 明之博客
09-14 1055
最近使用setTimeout来进行延时调用时，发现并没有延时，直接运行了。 我的写法 setTimeout(showTips(),2000) function showTips(){ $("#tip").show(); } 最后改变了方式后才实现了延时加载 setTimeout(function(){$("#tip").show()},2000)   比较一下setInt...
setTimeout立即执行，没有延迟效果
qq_39355295的博客
01-01 869
问题来源：在写定时器的时候，方法总是立即执行，后来发现是因为第一个参数必须是需要编译的代码或者是一个函数方法。 下面是我找到的答案： 点击查看解决方法 亲测方法有效，自己就不另外补充了。 ...
关于 JS setTimeout 立即调用，没有延迟效果的解决办法？
Wayne8016的博客
05-28 3163
今天在学习的时候遇到了setTimeout 立即调用的问题，很费解，于是就研究了一下。 这是我原来的代码： function getAge(value) { console.log(value) } setTimeout(getAge(18), 2000) 后来发现setTimeout的第一个参数必须是需要编译的代码或者是一个函数方法，而如果直接传入一行可执行代码，那么抱歉，这里会立即执行，没有延迟效果。 解决办法如下： （1）让第一个参数成为函数 setTimeout(funct...
js函数setTimeout延迟执行的简单介绍
10-27
JavaScript中的setTimeout函数是实现函数延迟执行的一种机制，它属于Web API的一部分，允许开发者设定一个定时器，当定时器到期后，指定的函数或代码会被执行一次。以下是对setTimeout函数的具体知识点介绍： 首先...
JS中setTimeout和setInterval的最大延时值详解
10-20
然而，如果直接将一个月后的时间差作为setTimeout的延时参数，就会因为时间差过大而超过JavaScript整型的最大值，导致函数会立即执行而不是在一个月后。这是一个非常隐蔽的JavaScript编程问题，通常不会被注意到，...
settimeout定时器延时失效
weixin_41191105的博客
04-26 1979
settimeout定时器延时失效 在使用settimeout延时执行定时器时，定时失效，回调函数没有延时执行，而是立即执行 for example 1:正常是延时2s打印“ok”，但是却运行后就打印 function test() { console.log("ok") } setTimeout(test(),2000) setTimeout(回调函数，延时时间)，其中回调函数是延时时间到了才执行，不是立即执行；在上面的例子中test()函数直接被主动调用，所以就立即执行，而没有在延时到了之后被调用
setTimeout的延时为0时多个浏览器的区别
10-28
例如，IE浏览器在直接执行脚本和响应用户交互（如点击事件）时，回调函数的执行时间有所不同。Chrome和Firefox的执行时间相对较短且稳定，而Safari和Opera则表现出更明显的波动。 3. **主执行线程的占用** 回调...
setTimeout立即执行，没有延迟效果问题的原因
w_gold_qin的博客
12-04 893
https://blog.csdn.net/u014805893/article/details/77072832 setTimeout的第一个参数必须是需要编译的代码或者是一个函数方法，而如果直接传入一行可执行代码，那么抱歉，这里会立即执行，没有延迟效果。 setTimeout(setTab('one',2,5),500);//传入的是可执行代码，会立刻执行 setTimeout(function(){setTab('one',2,5);},500);// 传入的是待编译代码，会延迟执行 ...
JS setTimeout不延迟（延时）执行
qq_17627195的博客
01-29 1033
方法一：给函数增加双引号 setTimeout("Reload()", 2000); 方法二：写个函数，然后只写函数名，不要写执行括号， setTimeout(target_url, 2000); // 注意，这里的函数只有函数名，没有() function target_url(){ window.location = "www.test.com"; } ...
setTimeout是立即执行吗
木木木华的博客
02-23 1740
setTimeout是立即执行吗
setTimeout传递了函数执行结果，没有延迟执行
NxxCalm的博客
11-17 272
https://developer.mozilla.org/zh-CN/docs/Web/API/setTimeout setTimeout处理一段请求失败后重试，原计划5秒延迟，结果发现失败后都是立即执行 语法 setTimeout(function[, delay, arg1, arg2, ...])； setTimeout(code[, delay]); setTimeout可以延迟delay时间后，执行function函数，或者code可执行代码字符串，arg1为执行function的参数 .
settimeout 没有延迟_setTimeout的执行时机
weixin_36170009的博客
01-25 366
通过以下代码来理解一下，为什么setTimeout会打印出6个6和0，1，2，3，4，5在for循环之前声明i，会打印出6个6let i = 0 for(i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0) } 以上写法for循环的时候，setTimeout会延迟立即打印，打个比方，老板让你数一下仓库的某类商品，然...
setTimeout 延时不起作用原因
wangchaohpu的博客
12-25 2321
第一个参数不要直接使用函数 ，而是使用匿名函数function(){},要执行的函数写在匿名函数内部就行了。 转自：https://blog.csdn.net/derkampf/article/details/79417090...
浏览器页面进入后台后setTimeout不正确执行的解决方法
最新发布
L435204的博客
04-19 1003
出于节能的考虑，一些浏览器（比如Chrome浏览器）会在页面进入后台等不活跃的状态时，延缓甚至暂停setTimeout等定时器的执行。在这个节能策略影响到前端页面的功能时，就需要想办法绕过此限制。本人翻阅了很多网络文章，发现使用web worker是一种比较合适的解决方案。经研究理解web worker的使用方法、结合前人经验、搭配自己的调试和优化，本人编写了一段仅实现上述功能，且简洁易于理解的代码。
promise和settimeout谁优先
09-19
### 回答1： promise和setTimeout都是JavaScript中常用的异步编程方式，但是它们的应用场景和特点略有不同。 promise是一种用于处理异步操作的对象，它可以将异步操作的结果传递给相关代码，以便于异步操作完成后进行后续处理。Promise有三种状态：Pending（进行中）、Resolved（已完成）和Rejected（已失败），当异步操作完成后，可以将Promise状态从Pending改为Resolved或者Rejected，并将相应的结果传递给相关代码。 setTimeout是一种用于在一定时间后执行某个函数的方法。它会在指定的时间间隔之后将指定的代码添加到任务队列中，并在执行栈为空时执行该代码。setTimeout是一种延时执行的方法，通常用于在等待一段时间之后执行某些操作，比如延迟加载资源或者实现一些动画效果。 从应用场景来看，Promise通常用于需要处理异步操作结果的场景，而setTimeout通常用于需要在一定时间之后执行某些代码的场景。从技术特点来看，Promise可以很好地处理异步操作的结果，而setTimeout主要是用于延时执行某些代码。因此，在不同的场景下，选择使用Promise或者setTimeout都需要考虑具体的需求和实现方式。 ### 回答2： 在JavaScript中，Promise和setTimeout是两个不同的概念，它们的执行顺序取决于具体的代码逻辑和使用方式。 Promise是一种异步编程的解决方案，用于处理一些需要花费时间的操作。当我们创建一个Promise对象时，其中的代码会被立即执行，并且可以设置回调函数处理异步操作的结果。一旦Promise对象的状态发生改变（可以是fulfilled满足或rejected拒绝），相应的回调函数将会被调用。 而setTimeout是JavaScript的一个定时器函数，用于在指定的延迟时间之后执行一段代码。当我们使用setTimeout函数时，其中的代码会被放入到一个任务队列中，在指定的延迟时间之后，才会被执行。 根据执行机制，Promise通常拥有更高的优先级。Promise对象中的代码会立即执行，而setTimeout中的代码则会在其他同步任务执行完毕后才会被执行。也就是说，Promise中的代码会被优先执行，而setTimeout中的代码会在Promise对象执行完毕后才会被执行。 然而，如果我们使用了async/await等异步操作，Promise和setTimeout的执行顺序就有可能受到影响。在这种情况下，可能会出现在Promise中的代码还未执行完毕，但由于设置了一个较短的延迟时间，setTimeout中的代码先被执行的情况。 总结起来，Promise通常拥有更高的优先级，其代码会立即执行。setTimeout中的代码会在Promise代码执行完毕后才会被执行，除非使用了某些特殊的异步操作方式。 ### 回答3： Promise和setTimeout没有优先性的比较，因为它们是完全不同的东西。 Promise是一种处理异步操作的机制，它可以用于处理异步操作的状态和结果。当我们创建一个Promise对象时，它可以包含异步操作的结果，并提供一些方法来处理成功或失败时的逻辑。Promise的执行顺序由代码中的逻辑和异步操作的执行时间决定，与setTimeout没有直接的关系。 setTimeout是一个用于设置在一定延迟时间后执行的函数的方法。它允许我们在指定的延迟时间之后执行一段代码。setTimeout的执行时间是相对于调用它的时刻来计算的，它不受Promise的状态或结果影响。 根据上述解释，Promise和setTimeout在执行顺序上没有优先性的比较。它们是独立的概念，用于不同的目的。Promise用于处理异步操作的状态和结果，而setTimeout用于延迟执行一段代码。在实际开发中，我们可以根据需求选择使用Promise或setTimeout，或者它们的组合来处理不同的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值