JavaScript setTimeout用法，js setTimeout带参数

最新推荐文章于 2024-08-25 08:30:00 发布

蕃薯耀

最新推荐文章于 2024-08-25 08:30:00 发布

阅读量2.1k

点赞数 3

分类专栏： js 蕃薯耀分享文章标签： js setTimeout用法 setTimeout带参数蕃薯耀

本文链接：https://blog.csdn.net/w995223851/article/details/118540455

版权

蕃薯耀分享同时被 2 个专栏收录

409 篇文章 1 订阅

订阅专栏

92 篇文章 0 订阅

订阅专栏

JavaScript setTimeout用法，js setTimeout带参数

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

©Copyright 蕃薯耀 2021-07-07

https://blog.csdn.net/w995223851

一、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>