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 相关文章推荐
JavaScript原型继承之基础机制分析
Aug 26 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
Nov 30 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
微信小程序缓存过期时间的使用详情
May 12 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 11 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遍历目录viewDir函数
2009/12/15 PHP
PHP实现基于PDO扩展连接PostgreSQL对象关系数据库示例
2018/03/31 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
jquery常用技巧及常用方法列表集合
2011/04/06 Javascript
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
详解vue后台系统登录态管理
2019/04/02 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
通过实例学习Python Excel操作
2020/01/06 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
智能室内花园:Click & Grow
2021/01/29 全球购物
四川成都导游欢迎词
2014/01/18 职场文书
初一体育教学反思
2014/01/29 职场文书
代办委托书怎样写
2014/04/08 职场文书
公司给客户的感谢信
2015/01/23 职场文书
组织委员竞选稿
2015/11/21 职场文书