javascript - 倒數計時器啓動和停止

Question

我創建了在線考試系統。

我的問題：我點擊申請按鈕比倒計時器開始和有時瀏覽器頁面關閉後，我點擊相同的考試名稱，然後倒數計時器繼續，不開始開始。下面的截圖

screenshot-1

screenshot -2

查看：

<h2><p style="float: right" id="countdown"></p></h2> 

<a href="<?php echo base_url(); ?>student/Examinations/apply_examinations/<?php echo $value['examination_test_id']; ?>" class="btn btn-primary" id="apply" onclick="resetCountdownInLocalStorage();">Apply</a> 

    <script> 
     $(document).ready(function() { 
    $examination_test_id = $("#examination_test_id").val(); 
      $time_limit = $("#time_limit").val(); 
      var d = new Date($time_limit); 
      var hours = d.getHours(); 
      var minute = d.getMinutes(); 
      var minutes = hours * 60 + minute; 
      var seconds = 60 * minutes; 

      if (typeof (Storage) !== "undefined") { 
       if (sessionStorage.seconds) { 
        seconds = sessionStorage.seconds; 
       } 
      } 
      function secondPassed() { 
       var hours = Math.floor(seconds/3600); 
       var minutes = Math.floor((seconds - (hours * 3600))/60); 
       // var remainingSeconds = seconds - (hours * 3600) - (minutes * 60); 
       var remainingSeconds = seconds % 60; 

       if (remainingSeconds < 10) { 
        remainingSeconds = "0" + remainingSeconds; 
       } 
       if (minutes < 10) { 
        minutes = "0" + minutes; 
       } 

       if (typeof (Storage) !== "undefined") { 
        sessionStorage.setItem("seconds", seconds); 
       } 

       document.getElementById('countdown').innerHTML = hours + ":" + minutes + ":" + remainingSeconds; 

       if (seconds == 0) { 
        clearInterval(myVar); 
        document.getElementById('countdown').innerHTML = alert('Timeout'); 
        window.location.href = base_url + "student/Examinations/check_answer/" + $examination_test_id; 

        if (typeof (Storage) !== "undefined") { 
         sessionStorage.removeItem("seconds"); 
        } 
       } else { 
        seconds--; 
       } 
      } 
      var myVar = setInterval(secondPassed, 1000); 
     }); 

function resetCountdownInLocalStorage() { 
     sessionStorage.removeItem("seconds"); 
    } 
    </script> 

Answer 1

它可能會依賴於瀏覽器，根據該link

瀏覽的壽命上下文可能與實際用戶代理進程本身的生存期無關，因爲用戶代理可能在重新啓動後支持 恢復會話。

您可能必須清理選項卡上的會話stroage close我認爲。