Laravel jquery javascript localStorage

Question

问题是我的timer也在工作。但是当我timer value保存到本地存储时。我只想当用户刷新时timer不会停止并在停止时恢复。

JavaScript

function startTimer() {
var presentTime = document.getElementById('timer').innerHTML;
var timeArray = presentTime.split(/[:]+/);
var m = timeArray[0];
var s = checkSecond((timeArray[1] - 1));
if(s==59){m=m-1}
if(m<0){ document.myform.submit(); }
document.getElementById('timer').innerHTML =
    m + ":" + s;
setTimeout(startTimer, 1000);
var startTime = document.getElementById("timer").value;
localStorage.setItem("startTime", startTime);
//alert(startTime);
}
function Dahin(){
    var startTime = localStorage.getItem("startTime");
    document.getElementById('timer').value = startTime;
}

在我看来

<h3 onload="Dahin();" class="page-title">Шалгалтын 50 асуулт</h3><h4><div>Үлдсэн хугацаа = <span id="timer">{{ $time }}</span></div></h4>

更新固定计时器

现在如何将计时器值保存到会话存储并在刷新页面时检索

Answer 1

让我们更改您的代码：

var check = localStorage.getItem("startTime");
var startTime = check ? check : document.getElementById("timer").innerHTML;
document.getElementById('timer').value = startTime;
function Dahin(){
    localStorage.setItem("startTime", startTime);
}

你得到空的问题是因为你使用了.value .你把时间放在span标签上。 .value仅适用于输入字段