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

ブラウジングの寿命に応じて、ブラウザに依存してコンテキストは、ユーザエージェントが再起動後にセッションを再開することをサポートしている可能性があるため、実際のユーザエージェントプロセス自体の寿命とは無関係になる可能性があります。

タブ上でセッションのストロークをきれいにする必要があります。