js筆記（制作一個簡單的計數器）

首先編寫靜態頁中的按鈕：

<input  id="result" type="button" value="該程序已經運行了0秒!"/><br>
  <input type="button" value="開始" onclick="start()"/>
  <input type="button" value="停止" onclick="stop()"/>

js：

//定義兩個全局變量。（定義全局變量是為了避免變量在函數的重復執行中始終被 初始化）

 var i = 0;
 var timer;

//定義開始的計時器方法

function start(){  
    var inputObj = document.getElementById("result");
    inputObj.value = "該程序已經運行了"+i+"秒!";
    i++;
    //延時器
    //延時器要想實現重復執行，必須在函數中不斷調用自己。
    //這樣實現以后，延時器就可以模擬定時器的效果。
     timer = window.setTimeout("start()",100);    //定義timer是為了為清除計數器定義一個變量
    }

//定義停止的方法

    function stop(){
       
       window.clearTimeout(timer);
    }