使用javascript做時間倒數讀秒功能的實例

更新時間：2019年01月23日 08:37:42 作者：chenqiangdage

今天小編就為大家分享一篇關于使用javascript做時間倒數讀秒功能的實例，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

某個試卷在線考試需要讀秒。網上找了一會就是沒找到我想要的。只好自己改改網上的，這也用用，那也用用。

其他代碼不貼了。貼相關的：

html頁面代碼：

<a class="btn btn-default" onclick="StartExamine();">開始</a> 
<div id="TimeClock" class="col-md-4" ><span class="text-danger hour">00</span> <span class="text-danger minute">00</span> <span class="text-danger seconds">00</span></div>

作為一個顯示倒數的div層

javascript 代碼：

 var gEaminePapeId = 'dfdfad33434342';
    var gExaminePapeTime = '100';    
    var gHour = gExaminePapeTime / 60;    
    var gMinute = gExaminePapeTime % 60; 
    var gSeconds = gExaminePapeTime * 60;
    var hour_elem = $("#TimeClock").find('.hour');
    var minute_elem = $("#TimeClock").find('.minute');
    var second_elem = $("#TimeClock").find('.seconds');
    function StartExamine() { 
      //開始計時      
      var timeClik = setInterval('ShowClock()', 1000);
   }
   function ShowClock() {    
     if (gSeconds > 1) {
       gSeconds -= 1;
       var hour = Math.floor((gSeconds / 3600) % 24);
       var minute = Math.floor((gSeconds / 60) % 60);
       var second = Math.floor(gSeconds % 60);
       $(hour_elem).text(hour < 10 ? "0" + hour+":" : hour+":"); //計算小時
       $(minute_elem).text(minute < 10 ? "0" + minute+":" : minute+":"); //計算分鐘
       $(second_elem).text(second < 10 ? "0" + second : second); //計算秒殺
     }
     else {
       clearInterval(timeClik);
       //做題時間到
        ForceSubmit();
     }
   }   
    function ForceSubmit() {
      //強制提交答題
  }

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接

您可能感興趣的文章: