JavaScript setTimeout用法，js setTimeout带参数

JavaScript setTimeout用法，js setTimeout带参数

================================

©Copyright 蕃薯耀 2021-07-07

https://www.cnblogs.com/fanshuyao/

 

一、setTimeout一般用法 

setTimeout(function(){ alert("Hello"); }, 3000);

 


二、setTimeout带参数用户


1、setTimeout语法：

setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)

 


code/function 必需。要调用一个代码串，也可以是一个函数。

milliseconds 可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。

param1, param2, ... 可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

 

2、setTimeout带参数用法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮输出 "Hello"。</p>

<p>实例中，我们也会输出传递给 alertFunc() 函数的参数 ( 兼容所有浏览器 )。</p>

<button onclick="myStartFunction('11','222')">开始</button>

<button onclick="myStartFunction2('11','222')">开始2</button>

<p id="demo"></p>

<p id="demo2" style="color:red;"></p>

<p id="demo3"></p>

<script>
var myVar;

//方式一：( 兼容所有浏览器 )
function myStartFunction(param1, param2) {
myVar = setTimeout(function(){ alertFunc(param1, param2); }, 200);
}

//方式二：传递参数给 alertFunc 函数 ( IE9 及其更早版本不支持):
function myStartFunction2(param1, param2) {
myVar = setTimeout(function(param1, param2){document.getElementById("demo").innerHTML = (param1 + "，"+ param2);}, 200, param1, param2);
}

function alertFunc(param1, param2) {
document.getElementById("demo").innerHTML = "Hello ";

document.getElementById("demo2").innerHTML = "传递给 alertFunc() 的参数: <br>" 
+ param1 + "<br>" + param2 + "<br>";
}
</script>

</body>
</html>

 

 

（时间宝贵，分享不易，捐赠回馈，^_^）

 

================================

©Copyright 蕃薯耀 2021-07-07

https://www.cnblogs.com/fanshuyao/

posted @ 2021-07-07 16:05  蕃薯耀  阅读(1410)  评论(1)  编辑  收藏  举报