Javascript – JS-Code zum Abrufen des Bestätigungscodes, Countdown-Problem

Question

Wenn der Countdown zum Abrufen des Bestätigungscodes abgelaufen ist (der Countdown beträgt beispielsweise 40 Sekunden), klicke ich auf den Link, um zu einer anderen Seite zu gelangen (_self, diese Seite springt, es wird kein neuer Tab geöffnet), und klicke nach einer gewissen Zeit auf Drücken Sie die Zurück-Taste und kehren Sie zur Countdown-Seite zurück. Der Countdown beginnt weiterhin bei 40 Sekunden.

Der gewünschte Effekt besteht darin, dass der Countdown entsprechend dem tatsächlichen Ereignis weiterläuft. Wenn ich beispielsweise 20 Sekunden bleibe, sollte der Countdown bei 20 stehen, wenn ich zurückkomme

Entschuldigung, gibt es eine Lösung? (Die js der neuen Seite, die springt, können nicht geändert werden)

Answer 1

用类似这样的代码，将发送验证码的时间存储到sessionStorage中，用当前时间做减法：

var sentTime = new Date().getTime();
sessionStorage.setItem('sentTime', sentTime);
console.log(sentTime);
var timePassed;
setInterval(function(){
    timePassed = (new Date().getTime() - sessionStorage.getItem('sentTime')); 
    console.log(timePassed);
},1000);

Answer 2

倒计时存到localstorage里，每次到这个页面都先从localstorage读

Answer 3

可以把当前状态存到sessionStorage。

不过实际上应该是回到未点击获取验证码的状态才对，再点击时再进行判断。