1. 程式人生 > 其它 >JavaScript setTimeout用法,js setTimeout帶引數

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/

今天越懶,明天要做的事越多。