刷新页面后怎么让js定时器继续刷新前的状态继续计时

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了刷新页面后怎么让js定时器继续刷新前的状态继续计时相关的知识,希望对你有一定的参考价值。

参考技术A 做个存储,把刷新前的状态保存下来,刷新后取值继续计时。比如cookies、localStorage、sessionStorage 参考技术B 这个需要做一个参数记录 写到cookie里 如果存在这个值 那么按照这个值去设定计时器的时间 如果不存在 则设置默认时间

JS倒计时刷新页面

/**
 * 定时刷新页面
 */
var tim = 10;
function clock(){
    $("#seconds").html(tim+"秒后刷新");
    tim--;
    if(tim==0){
        window.location.reload();
        tim=10;
    }
    setTimeout(‘clock()‘,1000*1);
}

THML页面显示刷新时间:

<span style="color:#f00;" id="seconds"></span>

 

以上是关于刷新页面后怎么让js定时器继续刷新前的状态继续计时的主要内容,如果未能解决你的问题,请参考以下文章

JS如何实现倒计时功能,如何防止刷新。

怎么刷新页面后,js就不执行了

JS倒计时刷新页面

整么用js保存刷新前的数据,也就是刷新后的数据不是刚进入该页面的数据而是刷新前的数据。

尽管页面刷新,如何保持计数器倒计时?

JS页面 如何实现刷新指定DIV?