《一個jquery/javascript秒級計時器（可改為毫秒）》要點：
本文介紹了一個jquery/javascript秒級計時器（可改為毫秒），希望對您有用。如果有疑問，可以聯系我們。

效果如圖：

這個引用了bootstrap，具體樣式可以自己修改

HTML代碼部分：

<div class="btn-group " role="group">
       <button class="btn btn-default"  style="height: 43px;"><i class="fa fa-clock-o fa-spin fa-2x"></i></button>
       <button class="btn btn-default" name="timetext" id="timetext" style="height: 43px;min-width: 160px;">執行中......</button>
</div>

Jquery代碼部分：

<script type="text/javascript">
       var hour,minute,second;//時 分 秒
       hour=minute=second=0;//初始化
       var millisecond=0;//毫秒
       var int;
       function Reset()       {//重置
              window.clearInterval(int);
              millisecond=hour=minute=second=0;
              $('#timetext').html('00 時 00 分 00 秒');  // 000 毫秒
       }
       function start()       {  //開始
              int=setInterval(timer,50);
       }
       function timer()       {//計時
              millisecond=millisecond+50;
              if(millisecond>=1000){
                     millisecond=0;
                     second=second+1;
              }
              if(second>=60) {
                     second=0;
                     minute=minute+1;
              }
              if(minute>=60) {
                     minute=0;
                     hour=hour+1;
              }
              var h = hour<10 ? '0'+hour : hour;
              var m = minute<10 ? '0'+minute : minute;
              var s = second<10 ? '0'+second : second;
              $('#timetext').html( h+' 時 '+m+' 分 '+s+' 秒');
       }
       function stop(){  //暫停
              window.clearInterval(int);
       }
       $(function(){
              start()
       });
</script>

jquery主要使用了$選擇器，如果你沒有使用JQ必要，可以改為 document.getElementById()代替，效果一樣。

轉載請注明本頁網址：
http://www.fzlkiss.com/jiaocheng/1960.html