JavaScript计时器在页面重新加载时暂停

Question

我正在为定时器使用JavaScript代码，该代码可以与下面的代码配合使用，唯一的问题是当我刷新页面一秒钟时丢失。

即使刷新页面，我也需要计时器保持运行。

我试图获取当地时间setHours(00)，但没有改变。

如何保持计时器运行？

function work(x, id, id_p) {
   var span = document.getElementsByClassName('data-work');
   for (i = 0; i < span.length; i++) {
       var totalsum = span[i].dataset.totalwork;
   }
   var Clock = {
       totalSeconds: parseInt(x),
       totalSecondsproject: parseInt(totalsum),
       start: function () {

           var self = this;
           function pad(val) {
               return val > 9 ? val : "0" + val;
           }
           this.interval = setInterval(function () {
               self.totalSeconds += 1;
               self.totalSecondsproject += 1;

               var hour = pad(Math.floor(self.totalSecondsproject / 3600));
               var min = pad(Math.floor(self.totalSecondsproject / 60 % 60));
               var sec = pad(parseInt(self.totalSecondsproject % 60));
               var totat_work = hour + ":" + min + ":" + sec;
               var totat_work_db = self.totalSeconds;
               $(".totatl_hour_work").text(totat_work);
               $.ajax({
                   type: 'Post',
                   url: 'includes/function.php',
                   data: {divVal: totat_work_db, id_interview: id, id_project:id_p}
               });
           }, 1000);
       }
   };
   $('.startButton').ready(function () {
       Clock.start();
       var refresh = setInterval(function () {
           $(window).attr('location', 'agent_dashboard.php?autorefresh');
       }, 300 * 1000);
   });
}