熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavaScript定時器詳解

2013-11-15 11:59:36  來源: JSP教程 

  在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() {
numinnerHTML = 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 = strsubstring( seq+);
bannerinnerHTML = msg;
seq++;
if (seq >= strlength) seq = ;
}

  </Script>

  <Body onLoad="setInterval(scroll())">
<FONT ID="banner"></FONT>
</Body>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20046.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.