カウントダウンタイマーのプラグインがページリフレッシュ後に再起動する

Question

私はカウントダウンタイマープラグインを使用してページをリフレッシュした後に再起動しますが、divがバインドするたびにバインドするため、カウントダウンタイマーはCookieに保存して、誰でもこれを行うためにコードを参照できますか？

私は、ページがreadloadedされるたびに、古いページのコンテキスト全体が破壊され、全く新しいコンテキストが作成され

$("#hms_timer").countdowntimer({ 
     hours : hrs, 
     minutes : mins, 
     seconds : sec, 
     size : "lg", 
     pauseButton : "pauseBtnhms", 
     stopButton : "stopBtnhms" 
    }); 

This link is where i got timer plugin

Answer 1

タイマープラグインを呼び出すためのコードの下に使用しました。次のページの読み込み時に実行される1ページの負荷からタイマーを保持することはできません。

あるページの読み込みから次のページへの読み込みを行った後、次のページの読み込みを行う必要がある場合は、その状態を調べて、以前のページの設定方法を正確に決定してから保存しますHTML5ローカルストレージまたはCookie内のページ読み込み間の状態

もう1つの方法は、ページをリロードせず、代わりにajaxとjavascriptを使用してページの内容を動的に更新することです。そうすれば、既存のタイマーは、ページの再読み込みがまったく実行されないため、そのまま実行されます。

カウントダウンに何時間残っているかをタイマーで確認しようとしている場合は、カウントダウンゼロ時間をHTML5ローカルストレージに設定し、リロードしたページが読み込まれたら設定時間を確認できますローカルストレージに保存し、以前に設定された時間と一致するようにカウントダウンタイマーを開始します。

使用クッキー、またはHTML5であれば状態を保存するには、ローカル/セッションストレージ。

HTML

<a href="#" onclick="SaveTime()">Save Current Time</a> | 
<a href="#" onclick="retrieveTime()">Retrieve Saved Time</a> 

<div id="result"></div> 

JAVASCRIPT

function SaveTime(){ 
var date = new Date(); 
var timeObj = { sec:date.getSeconds(), min:date.getMinutes(), hr:date.getHours() }; 
localStorage.setItem("timeObj", JSON.stringify(timeObj)); 
$('#result').append(JSON.stringify(timeObj)+' -- > Saved<br />'); 
} 

function retrieveTime(){ 
var timeObj = JSON.parse(localStorage.getItem("timeObj")); 
//You have the time with you now 
//You have the time with you now 
$('#result').append(timeObj.hr+':'+timeObj.min+':'+timeObj.sec+' --> Retrieved<br />'); 
} 

そのクリック上のローカルストレージにタイマーを保存するだけで基本的な例。それを修正し、タイマのjavascript関数を定期的に呼び出します。

この回答が参考になった場合は、answer/upvoteとしてマークしてください。

Answer 2

プラグインのドキュメントを見ると、現在の時間を取得する方法はありません。現在の時間を得るための唯一の方法は、タイマーのHTML出力を解析することです。

カウントダウンタイマーはかなり基本的なので、自分のカウントダウンタイマーを書き、あなたが話している必要なクッキーメカニズムを追加することをお勧めします。