首頁  >  文章  >  web前端  >  JavaScript定時器詳解

JavaScript定時器詳解

高洛峰
高洛峰原創
2016-11-26 10:05:211398瀏覽

在javascritp中,有兩個關於定時器的專用函數,它們是: 

1.倒數計時器:timename=setTimeout("function();",delaytime); 

2.循環定時器:timename =setInterval("function();",delaytime); 

  function()是定時器觸發時要執行的是事件的函數,可以是一個函數,也可以是幾個函數,或者javascript的語句也可以,單要用;隔開;delaytime則是間隔的時間,以毫秒為單位。 

  倒數計時器就是在指定時間後觸發事件,而循環定時器就是在間隔時間到來時反覆觸發事件,其區別在於:前者只是作用一次,而後者則不停地作用。

  倒數計時器一般用於頁面上只需要觸發一次的情況,例如點擊某按鈕後頁面在一定時間後跳到相應的站點,也可以用於判斷一個瀏覽者是不是你的站點上的“老客”,如果不是,你就可以在5秒或10秒後跳到相應的站點,然後告訴他以後再來可以在某個地方按某一個按鈕就可以快速進入。 

  循環計時器一般用於網站上需要從復執行的效果,例如一個javascript的捲軸或狀態欄,也可以用來將頁面的背景用飛雪的圖片來表示。這些事件需要隔一段時間運行一次。 

  有時我們也想去掉一些加上的定時器,此時可以用clearTimeout(timename) 來關閉倒數計時器,而用clearInterval(timename)來關閉循環計時器。


例1:


function count() {
    setTimeout("alert('三秒到了')",3000)
}

例2:
<script><script language="JavaScript" type="text/javascript"></script>


var sec = 0;
timerID = setInterval("count()", 1000);

function count() {
    num.innerHTML = sec++;
}

停留時間:
0
>鐘


例3:


"banner">


🎜🎜
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn