setTimeout（）传带有参数的函数

时间 2019-11-19

标签 settimeout 带有参数函数繁體版

原文原文链接

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

也就是说，第一个参数能够是字符串形式的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秒后弹窗了。code

但若是带有参数呢？好比如下这种htm

<!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>

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

<!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秒后弹出参数值。ip