DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript學習筆記之定時器
JavaScript學習筆記之定時器
編輯:JavaScript基礎知識     

定時器1

  用以指定在一段特定的時間後執行某段程序。

  setTimeout():

  格式:[定時器對象名=] setTimeout(“<表達式>”,毫秒)

  功能:執行<表達式>一次。

  例子:

復制代碼 代碼如下:
<!DOCTYPE html>
<html>
  <head>
    <title>timer1.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
     function count()
     {
         setTimeout("alert('執行成功!')",7000);
     }
    </script>
  </head>
  <body>
    <input type="button" value="點擊我啊" onclick="count();">
  </body>
</html>

定時器2

  以一定的時間為間隔,不斷地重復執行表達式。

  setInterval():

  格式:[定時器對象名=] setInterval(“<表達式>”,毫秒)

  功能:重復執行<表達式>,直至窗口、框架被關閉或執行clearInterval。

  clearInterval():

  格式:clearInterval(定時器對象名)  

  功能:終止定時器

  例子:

復制代碼 代碼如下:
<!DOCTYPE html>
<html>
  <head>
    <title>timer2.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
    var sec = 0;
    var timer = setInterval("count();",1000);//頁面加載的時候即開始計時
     function count()
     {
        document.getElementById("num").innerHTML = sec++;
     }
     function stopCount()
     {
         clearInterval(timer);//停止定時器的運行
     }
    </script>
  </head>
  <body>
    <font color="red" id="num">0</font>
    <input type="button" value="停止" onclick="stopCount();">
  </body>
</html>

以上就是本文的全部內容了,希望大家能夠喜歡

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved