setTimeout()方法傳遞超過兩個引數介紹

admin發表於2017-03-31

關於setTimeout()方法的基本用法這裡就不多介紹了,具體可以參閱相關閱讀。

相關閱讀:

(1).此方法的基本用法可以參閱setTimeout()函式用法詳解一章節。

(2).第一個引數帶不帶引號可以參閱setInterval()第一個引數帶引號和不帶引號的區別,和setTimeout()函式是一個道理。

上面兩個文章的介紹是常見的用法,其實setTimeout()方法還有一個比較少見的語法格式,下面做一下簡單介紹。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);

引數解析:

(1).func:必需,規定延遲執行的函式物件。

(2).delay:必需,規定延遲的時間,單位是毫秒。

(3).param1-paramN:可選,要傳遞給func函式的引數。

瀏覽器相容:

(1).IE9以上瀏覽器支援此語法格式。

(2).谷歌瀏覽器支援此語法格式。

(3).火狐瀏覽器支援此語法格式。

(4).opera瀏覽器支援此語法格式。

(5).safria瀏覽器支援此語法格式。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
window.onload=function(){
  var odiv=document.getElementById("show");
  function done(flag) {
    if(flag) {
      odiv.innerHTML="softwhy.com";
    } 
        else {
      odiv.innerHTML="螞蟻部落";
    }
  }
  setTimeout(done,2000,true); 
}
</script>
</head>
<body>
<div id="show">兩秒後會呈現對應的內容</div>
</body>
</html>

相關文章