カウントダウン中にブラウザの再起動時にこのカウントダウンを再開しないようにしてください。

Question

カウントダウンがリセットされてページの更新が必要になりました。誰でも私の現在のコードに最適なものを私に見せてもらえますか？私はまた、何かのマウスクリックを無効にすることができる場合や、カウントダウン中にページ上の別の場所に移動できないようにする別の方法がある場合は、いくつかの入力を希望します。どんな助けでも感謝しています！

マインはカウントダウン中のマウスクリックの削除を含んでおり、私の目標はその投稿とは大きく異なります。

var time = 30; 
 
function countdown() 
 
{ 
 
    if(time==0) 
 
    { 
 
    window.location.reload(); 
 
    } 
 
    else 
 
    { 
 
    tmptime = time; 
 
    dayTime = 24*60*60; 
 
    hourTime = 60*60; 
 
    minutesTime = 60; 
 

 
    days = Math.floor(tmptime/dayTime); 
 
    tmptime = tmptime - days*dayTime; 
 

 
    hours = Math.floor(tmptime/hourTime); 
 
    tmptime = tmptime - hours*hourTime; 
 

 
    minutes = Math.floor(tmptime/minutesTime); 
 
    tmptime = tmptime - minutes*minutesTime; 
 

 
    seconds = tmptime; 
 
    tidtext=""; 
 
    if(days>0) 
 
     tidtext = days+ hours + " hours " + minutes + " minutes " + seconds + " seconds"; 
 
    else if(hours>0) 
 
     tidtext = hours + " hours " + minutes + " minutes " + seconds + " seconds"; 
 
    else 
 
     tidtext = minutes + " minutes " + seconds + " seconds"; 
 

 
     document.getElementById('timer').innerHTML = tidtext; 
 
    document.getElementById('timer').classList.add('timer'); 
 
    time--; 
 
    setTimeout("countdown()", 1000); 
 
    } 
 
}

<td data-th="Workout"><input type="submit" onclick="countdown();" value="Bench Press"></td> 
 
<div id="timer"></div>

Answer 1

あなたがのlocalStorageを使用することができます。

localStorage.setItem("time", time); 

は、localstorageにtimeの値を設定します。ループのすべての反復でこれを行うことができます。次に、ページの読み込み時に、

time = localStorage.getItem("time"); 

を入力して、localStorageからtimeの値を取得します。