カウントダウンタイマー（再訪問した時にカウンドダウンは続いている）

Question

jQueryでカウントダウンタイマーを作成しました。
残り時間はページが開いてから2時間、キャッシュを残して再度開いてもカウンドダウンは続いている
**「キャッシュを〜」**の部分を再現することができません。（下記ファイルは２時間のタイマー）

javascript・phpを自分は仕様できますが、どのように対応すればよいのでしょうか？

$(function () {
    var sec = 59;
    var min = 59;
    var hour = 1;
    var timer = setInterval(function() {
      // タイマー停止
      if (hour == 0 && min == 0 && sec == 1) {
        clearInterval(timer);
      }
      // カウントダウン
      sec -= 1;
      if (sec < 1 && min > 0) {
        sec = 59;
        min -= 1;
      }

      if (min < 1 && hour > 0) {
        min = 59;
        hour -= 1;
      }

      // 0埋め
      sec_number = ('0' + sec).slice(-2);
      min_number = ('0' + min).slice(-2);
      hour_number = ('0' + hour).slice(-2);

      $('#clock').html(hour_number + ':' +  min_number + ':' + sec_number);
    },1000); 
  });

Answer 1

流れとしては以下のような感じでしょうか。
一度以下の流れでコーディングしてみて、具体的に不明な点があれば再度質問されるのがいいかと思います。

1. カウントダウンをする度にその結果をcookieかLocalStrageに保存します(jQuery cookie 保存あたりで調べてみてください)
2. 画面を開いた時に、1で保存した値が存在するか確認し、存在する場合はタイマーの初期値をその値に設定します