Javascript如何使用已经提供的时间(以秒为单位)继续计时器

Question

要求在屏幕上显示计时器。但如果应用程序崩溃，另一个要求是从计时器停止时重新启动计时器。

我是java脚本新手，能够使用下面的代码将计时器添加到屏幕上，还能够捕获应用程序崩溃时的时间，因此能够获取从后端停止时的时间，但任何想法如何利用现有的计时器值从该点开始。

在应用程序正常处理中工作的当前代码:-

function Timer(id) {
  var startTimeMs = new Date().getTime();
  var currDateMs = new Date().getTime();
  var timeElapsed = currDateMs - startTimeMs;
  var hour = Math.floor(
    (timeElapsed % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
  );
  if (hour < 10) hour = "0" + hour;
  var minute = Math.floor((timeElapsed % (1000 * 60 * 60)) / (1000 * 60));
  if (minute < 10) minute = "0" + minute;
  var second = Math.floor((timeElapsed % (1000 * 60)) / 1000);
  if (second < 10) second = "0" + second;
  $("#" + id).html("" + hour + ":" + minute + ":" + second);

}

<小时/>

现在我有了总秒数以及计时器中的值假设应用程序运行了 86415 秒，应用程序崩溃时屏幕上的时间为 Time: "24:00:15"，现在需要帮助我如何修改上述代码以在上述时间后开始计数？

谢谢。## 标题 ##

Answer 1

每次定时器改变时设置一个本地存储变量。然后，当您的页面加载时，只需检查该存储项是否存在。我不确定你的计时器的整个应用程序，但 sessionStorage 和 localStorage 之间有区别。只要浏览器窗口保持打开状态，sessionStorage 才会存储变量。 localStorage 无限期地存储它，或者直到用户清除缓存，甚至通过浏览器关闭/重新打开。因此，根据您的需要，您可以选择使用哪种存储。这应该可以帮助您入门。

 if(localStorage.getItem('time'){
     $("#" + id).html(localStorage.getItem('time');
    //rest of code to continue timer counting down
   } else {

 timer = setInterval(function() {
        var currDateMs1 = new Date().getTime();
        var timeElapsed1 = currDateMs1 - startTimeMs;
        var hour1 = Math.floor(
          (timeElapsed1 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
        );
        if (hour1 < 10) hour1 = "0" + hour1;
        var minute1 = Math.floor((timeElapsed1 % (1000 * 60 * 60)) / (1000 * 60));
        if (minute1 < 10) minute1 = "0" + minute1;
        var second1 = Math.floor((timeElapsed1 % (1000 * 60)) / 1000);
        if (second1 < 10) second1 = "0" + second1;
        $("#" + id).html("" + hour1 + ":" + minute1 + ":" + second1);
        localStorage.setItem('time', "" + hour1 + ":" + minute1 + ":" + second1);
      }, 1000);
}