クッキーを使用することで、クライアント側で完全に行うことができます。
フローは次のとおりです。
- クリックイベントハンドラーでタイマーを作成します
- ブラウザーのクローズ イベントのイベント ハンドラーを追加します (ブラウザーのクローズ イベントをキャプチャする方法はこちらをご覧ください) 。
- ブラウザのクローズイベントハンドラーでタイマーの残り時間を取得します(ここで、 setTimeout()? で残り時間を見つける手順を見つけることができます)
- その情報でクッキーを書く
- ページの読み込み時に、残り時間情報を含む Cookie があるかどうかを確認し、setTimeout を使用して残り時間でタイマーを再作成します
この投稿をできるだけ早く更新して、コード例を増やしていきます。
アップデート
var timeLeft= $.cookies('timeLeft') || ORIGINAL_VALUE;
var timer = setTimeout(myFunc, timeLeft);
$(window).unload(function(){
var timeLeftToSave = getTimeLeft(timer);
$.cookies('timeLeft', timeLeftToSave, { path: '/' });
})
//Use code from the second link here
function getTimeLeft(timer){
}
function myFunc(){/*YOUR CODE HERE*/}