关于setTimeout和setInterval的函数参数问题

今天在写验证码倒计时小demo时,用了如下代码:

window.setTimeout(count(num),1000);

这样直接使用将使count函数立即执行,并将返回值传递给setTimeout函数作为参数,其结果并不是真正需要的,所以会出现问题。

方法一

使用字符串形式可以达到想要的结果:

window.setTimeout("count(num)",1000);

这是我以前常用的方法。

但这种写法是将函数包在引号里,有点像字符串,不够直观

而且有些场合必须使用函数名,于是上网查阅了以下方法:

方法二

//倒计时函数  
function count(_num){  
       ...  
}  
//创建一个函数,用于返回一个无参数函数  
function _count(_num){  
       return function(){  
             count(_num);  
       }
}  
//这里30是实参
window.setTimeout(_count(30),1000);  

这里定义了一个函数_count,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。

在 window.setTimeout函数中,使用_count(30)来返回一个不带参数的函数,此时不需要用引号也实现了参数传递的功能。

其实还可以直接写成:

window.setTimeout(function(){count(30);},1000);

另外也有人通过修改setTimeout、setInterval来实现。即:

方法三

//功能函数
function count(_num){
       ...
}//*=============================================================
//*   功能: 修改 window.setInterval ,使之可以传递参数和对象参数   
//*   方法: setInterval (回调函数,时间,参数1,,参数n)  参数可为对象:如数组等
//*============================================================= 

var __sto = setInterval;    
window.setInterval = function(callback,timeout,param){    
    var args = Array.prototype.slice.call(arguments,2);    
    var _cb = function(){    
        callback.apply(null,args);    
    }    
    __sto(_cb,timeout);    
}
//这里参数就变成了(函数名,间隔时间,原函数需要的实参)
window.setInterval(count,1000,30);

此方法实际将原函数的参数数组改造了一下,看懂还是比较容易,先摘抄过来以备不时之用。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏开发之途

重拾Java(5)-枚举

983
来自专栏机器学习算法与Python学习

pyhton-----break语句

Python break语句,就像在C语言中,打破了最小封闭for或while循环。break语句用来终止循环语句,即循环条件没有False条件或者序列还没被完...

2755
来自专栏深入浅出区块链技术

智能合约最佳实践 之 Solidity 编码规范

每一门语言都有其相应的编码规范, Solidity 也一样, 下面官方推荐的规范及我的总结,供大家参考,希望可以帮助大家写出更好规范的智能合约。

883
来自专栏Spring相关

thymeleaf的常见问题汇总

1083
来自专栏QQ音乐技术团队的专栏

Android Native 开发之 NewString 与 NewStringUtf 解析

本文将从一个 Native Crash 分析入手,带大家了解我们平时开发中,那些容易忽略但又很值得学习的底层源码知识。

1K9
来自专栏河湾欢儿的专栏

js基础

722
来自专栏全沾开发(huā)

学习zepto.js(对象方法)[5]

学习zepto.js(对象方法)[5] clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var...

32011
来自专栏全沾开发(huā)

学习zepto.js(对象方法)[6]

学习zepto.js(对象方法)[6] first: 获取当前对象集合中的第一个dom元素。 $("div").first();// ...

3258
来自专栏技术博文

我的php命名规范

1.变量 所有字母都使用小写,使用'_'作为每个词的分界,如$user_name 2.函数 函数的命名使用小写字母和下划线的方式,如get_client_ip ...

2758
来自专栏日常分享

通过回车键来结束一段不定长度的数组的输入。

以回车键结束一串数据的录入,则所有需要录入的数据肯定为一行,则可用nextline()函数来获取全部。

753

扫码关注云+社区