您的位置:首页 > 其它

setTimeout()传带有参数的函数

2016-06-07 14:42 441 查看
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秒后弹出参数值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: