JavaScript定時器詳解
在javascritp中 有兩個關於定時器的專用函數 它們是
倒計定時器 timename=setTimeout("function();" delaytime);
循環定時器 timename=setInterval("function();" delaytime);
function()是定時器觸發時要執行的是事件的函數 可以是壹個函數 也可以是幾個函數 或者javascript的語句也可以 單要用;隔開 delaytime則是間隔的時間 以毫秒為單位
倒計時定時器就是在指定時間後觸發事件 而循環定時器就是在間隔時間到來時反復觸發事件 其區別在於 前者只是作用壹次 而後者則不停地作用
倒計時定時器壹般用於頁面上只需要觸發壹次的的情況 比如點擊某按鈕後頁面在壹定時間後跳轉到相應的站點 也可以用於判斷壹個瀏覽者是不是妳的站點上的“老客” 如果不是 妳就可以在 秒或者 秒後跳轉到相應的站點 然後告訴他以後再來可以在某個地方按某壹個按鈕就可以快速進入
循環定時器壹般用於站點上需要從復執行的效果 比如壹個javascript的滾動條或者狀態欄 也可以用於將頁面的背景用飛雪的圖片來表示 這些事件需要隔壹段時間運行壹次
有時候我們也想去掉壹些加上的定時器 此時可以用clearTimeout(timename) 來關閉倒計時定時器 而用clearInterval(timename)來關閉循環定時器
例 <SCRIPT LANGUAGE="JavaScript"> setTimeout("confirm( )" ); </SCRIPT>
<script language="JavaScript" type=text/javascript>
function count() { setTimeout("alert( 三秒到了 )" ) }
</Script>
<INPUT TYPE="button" VALUE=" 計時開始" onClick="count()">
例 <Script><script language="JavaScript" type=text/javascript>
var sec = ; timerID = setInterval("count()" );
function count() { num innerHTML = sec++; }
</Script>
停留時間 <FONT ID="num" FACE="impact"> </FONT>秒鐘 <INPUT TYPE="button" VALUE="停止" onClick="clearInterval(timerID)">
例 <script language="JavaScript" type=text/javascript>
var str = "這是壹個在線拍賣的網站 請盡情血拼吧!"; var seq = ;
function scroll() { msg = str substring( seq+ ); banner innerHTML = msg; seq++; if (seq >= str length) seq = ; }
</Script>
lishixinzhi/Article/program/Java/JSP/201311/20046