js中setTimeout方法第一个参数不解之处

于 2019-10-27 20:27:30 发布
阅读量380 收藏
点赞数
分类专栏： js问题 文章标签： setTimeout第一个参数的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happysphper/article/details/102770865
版权

在练习中发现一个我不能想通的问题，使用setTimeout方法时，对其第一个参数设置的形式不同，所得到的结果也不同，很是伤脑筋啊。。。。。。

我想得到一个倒计时，第一秒为5，第二秒为4.。。。。。。。第5秒为1，当使用第一种传参时，结果是瞬间就出现了5个数字，他竟然没有起到延时的作用

得到的结果：                                       

当使用第二种传参时，他就实现了我想要的功能

得到的结果：

我想不通的原因是他其实内部函数内容都一样， 只是在第一种情况下，调用一个已经定义好的方法，第二种情况下，只是一个匿名函数，它执行的方法体是一样的，但是得到的结果截然不同，才疏学浅，想不通

后来，看了相关的文章后，表示传递为一个定义好的方法时，它只是执行了一个方法，而执行这个方法得到的结果就是定义好的方法所产生的结果，并没有起到延时的作用，当变为一个匿名函数或者在定义的方法中，返回给一个方法时，它是调用了这个方法的数据存储的地方，而使得起到了延时的作用

总结以上废话，则是使用setTimeout方法时，在一个参数的使用规则上，尽量使用匿名函数或者将定义好的方法赋值给某个变量，这样才能使延时起到作用

虽然还是不懂，但是解决问题就好了，自我安慰不是！！！！

happysphper
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
setTimeOut的第一个参数
qq_34823218的博客
11-04 1266
图1：setTimeOut语法【1】 setTimeout的第一个参数分为3类，1.字符串代码 2.method 3.function【2】 。 1.字符串 function display(obj) { obj.style.display='none'; window.setTimeout("obj.style.display='inline'", 500);...
js中settimeout方法加参数
01-19
js中settimeout方法加参数的使用。简单使用看w3school 里面没有参数调用， 例子: 代码如下:[removed] function timedMsg() { var a =”dd”; var t=setTimeout(function(){ cao(a);},3000) } function cao(a) { ...
JS的setTimeout函数第一个参数问题
ajg87686的博客
08-20 189
setTimeout的第一个参数只能放一个无参的函数，更像放了一个函数指针在那里，如果要放带参数的话，就要拿个匿名函数包裹一下 转载于:https://www.cnblogs.com/UliiAn/p/3270372.html...
setTimeout中第一个参数
weixin_30507481的博客
06-26 438
永远不要传递字符串作为setTimeout的第一个参数！！！记住第一个参数只允许函数，或者匿名函数！因为传递字符串有陷阱啊！！它就是披着羊皮的eval啊！！而且上下文会变成全局啊！！ 第一个参数为可执行函数，当第一个参数调用的函数带括号的时候是返回函数执行的结果；直接调用，不等待2000ms； 转载于:https://www.cnblogs.com/qqfontofweb/p/9230...
关于setTimeout不能传递参数的问题
Nothing iS ImPossible
09-12 399
<script language="javascript"> /**//*     功能：修改 window.setTimeout，使之可以传递参数和对象参数     使用方法： setTimeout(回调函数,时间,参数1,,参数n) */ var __sto = setTimeout; window.setTimeout = function(callback,timeout,pa...
【javascript】解决setTimeout不能传参的问题
网站开发初中级代码参考-转载
10-06 198
setTimeout函数是javascript中实现动态效果最关键的函数。但昨天在写代码的时候发现当第一个参数是函数调用的时候，不能向被调函数传递参数。这真是个非常严重的问题，我排查了好久才发现问题，浪费了N多时间啊。。 后来上网查了查，这其实是IE的一个BUG。解决方法有很多，其中我觉得最牛的一种就是重写setTimeout函数。。。这个太麻烦了。。这里推荐一种十分简单的方法。只需要在你要调用...
js中settimeout方法加参数的使用实例
01-19
简单使用看w3school 里面没有参数调用， 例子如下 代码如下: [removed] function timedMsg() { var a =”dd”;... 我现在的问题是多个之间，只传回来最后一个，想一想啊 还是不太明白，明白了 代码
JavaScript实现向setTimeout执行代码传递参数的方法
12-04
但昨天在写代码的时候发现当第一个参数是函数调用的时候，不能向被调函数传递参数。这真是个非常严重的问题，我排查了好久才发现问题，浪费了N多时间啊。。 后来上网查了查，这其实是IE的一个BUG。解决方法有很多，...
JavaScript进阶：setInterval、setTimeout不能传递带参数的函数的解决方案
cho_jun的博客
07-18 1062
在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数， 这就需要想方法解决。 一、采用字符串形式：——（缺陷）参数不能被周期性改变 setInterval("foo(id)",1000); 二、匿名函数包装 (推荐) 代码如下: window.setInterval(functio
关于setTimeOut传参数问题
终于杨帆起航
03-28 400
无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数。  先看一个简单的代码：  function show(){ alert("Hello World"); } setTimeout(show,1000); 这段代码的效果是在1秒后显示hello world，但是
JavaScript中setTimeout()的用法详解
热门推荐
suwu150
01-16 12万+
要使用 clearTimeout( ), 我们设定 setTimeout( ) 时, 要给予这 setTimout( ) 一个名称, 这名称就是 timeoutID , 我们叫停时, 就是用这 timeoutID来叫停, 这是一个自定义名称,。这处的 flag 是一个变数, 可任意取名, 我们用 flag来称呼这变数的原因, 是因为这变数好处一支旗, 将旗竖起 (flag is on), 就会产生一个作用, 将旗放下 (flag is off), 就产生另一个作用。
关于setTimeout 第一个参数的问题解析
本杰明的博客
03-10 4550
题目为什么叫setTimeout的第一个参数而不是回调函数？如果你心中有稍有疑惑，或许应该看看下面的文章我们日常使用setTimeout()，一般是将函数作为第一个参数，但是也有例外情况，先看以下代码：function test() { var cl = function() { console.log(666) } setTimeout('cl()', 1500)}test() 将以上
JS中setInterval、setTimeout不能传递带参数的函数的解决方法
weixin_34242331的博客
11-19 127
setInterval 和 setTimeout 这两个函数比较好用，但会遇到比如说我隔个几秒后要执行的函数是带参数的，这种情况怎么办？可以用匿名函数包装处理 //不带参数的函数 function test(){} setTimeout(test,1000)   //带参数的函数，用匿名函数包装(可以实现动态传参) function onemodelanima(...
JS中setTimeout()的用法详解
awangwu的博客
09-20 1443
开发十年，就只剩下这套Java开发体系了 >>>    ...
vue项目里setTimeout方法执行时获取不到data中的变量
落落Plus的博客
06-11 3914
本项目是一个单页面的公众号，在需求中需要提示错误信息给用户展示，但是项目没有引入其他库，所有就直接使用了setTimeout()， 在该方法执行的时候发现没有拿到data中定义的变量。 给用户提供的错误信息 输出： 发现在setTimeout执行时this变为了window，这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，this指向的是windo...
setTimeout调用带参数的函数的方法
sunbirdhan的专栏
11-12 5618
function test(s) {     alert(s); } window.setTimeout(function(){test('str');},1000); 这样就可以了... 为什么是这样呢. 因为setTimeout要求的第一个参数是函数...比如setTimeout(a_fun,1000)这样是可以的,a_fun是一个函数. 但是setTimeout(a_fun(
解决 js setTimeout 传递带参数的函数无效果
dns007
07-28 1万+
最近 js  用到 setTimeout 递归调用 刷新进度 setTimeout （"getProgress（name,type)", 3000) 发现getProgress函数 带上参数 就失效了，不带参数可以调用又达不到效果 解决办法：匿名函数包装  改成如下即可 setTimeout(function(){getProgress(name, type)}, 3000);
setTimeout 调用带参数的函数的方法
weixin_34356138的博客
10-08 1438
setTimeout 调用带参数的函数的方法 Javascript 在使用 setTimeout 的过程中想要传递参数，搜集到如下方法 解决办法1：用匿名函数包裹 function test(str){ alert(str) } let a = "信小呆" setTimeout(function(){test(a)}, 30...
js中使用settimeout方法绘制一个运动的圆弧
最新发布
03-08
可以使用canvas绘制一个圆弧，并使用setInterval方法来控制圆弧的运动。具体实现可以参考以下代码： ```javascript var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); var x...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值