練習1-1:<br>JS

(7)增加onclick事件

//click事件
 /* click事件書寫JQ方法
    $('#runTime').click(function(){  ...  });
*/

    var IO = true;  //利用變數記憶是否執行ON/OFF
    var stopTime;
    document.getElementById('runTime').onclick = function(){
        if(IO){
           //停止時間,關掉計時器
               window.clearTimeout(stopTime);
               //IO=false;
        }else{
           //啟動時間
               stopTime = window.setTimeout(runTime,1000);
               //IO=true;
        }
        IO = !IO;
    }
//前步驟,補述stopTime = window.setTimeout(runTime, 1000);

//setTimeout()
    runTime();
    function runTime(){
        catchTime();
        $('#runTime').html('現在時間:<br>'+ nowAll);
       stopTime = window.setTimeout(runTime,1000);
    }

JS事件參考連結onclick事件連結