js setTimeout 参数传递使用介绍


Posted in Javascript onAugust 13, 2013

window.settimeout()方法要调用带参数的函数有两种方法:
1.

function init(){ 
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(function(){ searchJDWater(url);},100); 
}

2.
function init(){ 
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(“searchJDWater(”+url+“)”, 100); 
}

注意: 带参数方法使用setTimeout要注意,setTimeout("函数名("+参数+")",毫秒数),这里的参数只能是字符串形式的,而不能传递一个对象
---------------------------
以下的方法是错误的,而且浏览器状态栏会提示参数无效:
function init(){ 
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(searchJDWater(url), 100); 
}

--------------------------------------------------------------
settimeout()函数扩展:
网上很多朋友也在问此类问题,我在此说明下,以下我举几个个简单的例子:

网上查找下“带参数 setTimeout”,很多朋友写了很多方法来实现使用setTimeout带对象的方法循环,例如:

<script language="javascript"> 

var __sto = setTimeout; 

window.setTimeout = function(callback,timeout,param) 

{ 

var args = Array.prototype.slice.call(arguments,2); 

var _cb = function() 

{ 

callback.apply(null,args); 

} 

__sto(_cb,timeout); 

} 

//测试代码 

function aaaa(a) 

{ 

alert(a); 

} 

function aaaaa(a,b,c) 

{ 

alert(a + b + c); 

} 

var a = new Object(); 

window.setTimeout(aaaa,1000,a); 

window.setTimeout(aaaaa,2000,a,6,7); 

</script>

此例中,setTimeout用法,setTimeout(回调函数,时间,参数1,...,参数n)。

又例如:

2:

<script type="text/javascript"> 

var _st = window.setTimeout; 

window.setTimeout = function(fRef, mDelay) { 

if(typeof fRef == 'function'){ 

var argu = Array.prototype.slice.call(arguments,2); 

var f = (function(){ fRef.apply(null, argu); }); 

return _st(f, mDelay); 

} 

return _st(fRef,mDelay); 

} 

function test(x){ 

alert(x); 

} 

window.setTimeout(test,1000,'fason'); 

</script>

此例中,重载了一下window.setTimeout,用apply去回调前面的function。

例1:

<script language="javascript"> 

function test(obj) 

{ 

alert(obj); 

setTimeout("test("+ obj +")",1000); 

} 

</script> 

<input id="testButton" type="button" onclick="test(1)">

当鼠标按下此按钮时调用test(),将"1"传递进去,屏幕上每隔1000毫秒(1秒)弹出一次对话框,显示1,没问题。

例2:

<script language="javascript"> 

function test(obj) 

{ 

alert(obj); 

setTimeout("test("+ obj +")",1000); 

} 

</script> 

<input id="btnTest" type="button" onclick="test(this)">

这里的this可以当做document.getElementById("btnTest")来理解,当鼠标按下此按钮时向test函数传递的是一个对象,屏幕显示[object],

1000毫秒之后不再显示第二次。问题来了,浏览器左下报脚本错误,详细信息里显示object未定义。

例3:

<script language="javascript"> 

function test(obj) 

{ 

alert(obj); 

setTimeout("test()",1000); 

} 

</script> 

<input id="testButton" type="button" onclick="test(this)">

setTimeout里的test()没带参数,第一次显示[object],1000毫秒之后显示undefined,变量尚未赋值,也就是说用此方式可以实现带参数的方

法循环,但是参数被销毁。

其实这很简单就可以实现,不必写那么长的代码来实现。

例4:

<script language="javascript"> 

function test(obj) 

{ 

alert(obj); 

setTimeout("test('"+ obj +"')",1000); 

} 

</script> 

<input id="testButton" type="button" onclick="test(this)">

注意,setTimeout里的test中的参数obj前后的引号,在双引号内有一对单引号,这样:setTimeout("test(单引号双引号+obj+双引号单引

号)"),行了吧~每隔1000毫秒屏幕显示一次[object],传递对象成功。

———————————————————————————————————————

疑义:第4条 最终传走的是“对象”的字符串“object” 而不是初始的对象obj。只是obj的类型而已。并没有达到传递对象的作用。

可以测试一下代码: 弹出传来对象的id

<body> 

<div id="sssss"></div> 

</body> 

<script language="javascript"> 

obj=document.getElementById('sssss'); 

function test(obj) 

{ 

alert(obj.id); 

setTimeout("test('"+ obj +"')",1000); 

} 

test(obj) 

</script>
Javascript 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
javascript与asp.net(c#)互相调用方法
Dec 13 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
Jul 05 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
DOM事件探秘篇
Feb 15 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
js setTimeout 常见问题小结
Aug 13 #Javascript
删除select中所有option选项jquery代码
Aug 12 #Javascript
js获取本机的外网/广域网ip地址完整源码
Aug 12 #Javascript
JavaScript解析URL参数示例代码
Aug 12 #Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 #Javascript
获取数组中最大最小值方法js代码(自写)
Aug 12 #Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 #Javascript
You might like
对盗链说再见...
2006/10/09 PHP
Mysql的常用命令
2006/10/09 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
php数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
php中的观察者模式简单实例
2015/01/20 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
Nginx实现反向代理
2017/09/20 Servers
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
js单词形式的运算符
2014/05/06 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
Jquery把获取到的input值转换成json
2017/05/15 jQuery
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
Python如何输出百分比
2020/07/31 Python
Python编写单元测试代码实例
2020/09/10 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
努比亚手机官网:nubia
2016/10/06 全球购物
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
Linux开机引导的步骤是什么
2015/10/19 面试题
家长对老师的感言
2014/03/11 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书