setTimeout（）传带有参数的函数

w3cshool里的解释：setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，语法：setTimeout(code,millisec)。

也就是说，第一个参数可以是字符串形式的JavaScript代码，比如：setTimeout("alert('5 seconds!')",5000)。

方法里面还可以传函数，比如

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script>
	
	setTimeout(pop,1000)
	function pop(){
		alert("pop()执行了")
	}
</script>
</body>
</html>

　　

这段代码没什么问题，1秒后弹窗了。

但如果带有参数呢？比如以下这种

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script>
	setTimeout(pop("aaa"),1000)
	function pop(text){
		alert(text)
	}
</script>
</body>
</html>

　　

测试发现，这样写没起到延迟的效果。参数立马弹出了。对于这种情况，用一个匿名函数包裹就可以了：

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script>
	setTimeout(function(){pop("aaa")},1000)
	function pop(text){
		alert(text)
	}
</script>
</body>
</html>

　　

上面的代码就没有问题了。1秒后弹出参数值。

posted @ 2016-06-07 14:42  小虫1  阅读(1868)  评论(0)  编辑  收藏  举报