JQuery中SetTimeOut传参问题探讨


Posted in Javascript onMay 10, 2013

无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数。如果想要传入参数,自定义参数也好,事件参数event也好,解决办法是在此函数的基础上在做一层封装。其具体原理还不清楚,但是下边的办法确实能解决这个问题。
先看一个简单的代码

function show(){ 
alert("Hello World"); 
} 
setTimeout(show,1000);

这段代码的效果是在1秒后显示hello world,但是如果改成
setTimeOut(show(),1000);
就会立即显示,达不到延时的效果了。但是如果加上引号就可以了。如:
setTimeOut("show()",1000);
就可以了。但是如果带上参数的话,还是不行比如:
setTimeOut("show(name)",1000)
这时就了一个比较的方法,就是再写个函数,该函数返回一个不带参数的函数,具体如下:
script language="javascript"> 
function show(name) 
{alert("Hello World:" + name);} 
function _show(name) 
{ 
return function() 
{ 
show(name); 
} 
} 
setTimeout(_show(name),1000); 
function 
</script>
Javascript 相关文章推荐
JS 学习笔记 防止发生命名冲突
Jul 30 Javascript
页面版文本框智能提示JS代码
Nov 20 Javascript
判断复选框是否被选中的两种方法
Jun 04 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
JSON遍历方式实例总结
Dec 07 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
jQuery中读取json文件示例代码
May 10 #Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 #Javascript
javascript级联下拉列表实例代码(自写)
May 10 #Javascript
jquery ui对话框实例代码
May 10 #Javascript
javascrip关于继承的小例子
May 10 #Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 #Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 #Javascript
You might like
开启PHP Static 关键字之旅模式
2015/11/13 PHP
PHP中利用sleep函数实现定时执行功能实现代码
2016/08/25 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
兼容FF和IE的动态table示例自写
2013/10/21 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
JavaScript重载函数实例剖析
2016/05/13 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
js实现图片淡入淡出切换简易效果
2016/08/22 Javascript
node.js遍历目录的方法示例
2018/08/01 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
python进行两个表格对比的方法
2018/06/27 Python
pytorch制作自己的LMDB数据操作示例
2019/12/18 Python
浅谈Python中的模块
2020/06/10 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
唤醒头发毛囊的秘密武器:Grow Gorgeous
2016/08/28 全球购物
平面设计岗位职责
2013/12/14 职场文书
给朋友的道歉信
2014/01/09 职场文书
大专会计自我鉴定
2014/02/06 职场文书
大学毕业感言50字
2014/02/07 职场文书
股东授权委托书范文
2014/09/13 职场文书
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
2016公司年会主持词
2015/07/01 职场文书
决心书格式范文
2015/09/23 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL