JavaScript setTimeout用法,js setTimeout帶引數
阿新 • • 發佈:2021-07-07
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/
今天越懶,明天要做的事越多。