js实现防止刷新的多条倒计时同时进行

最新推荐文章于 2022-07-13 15:01:24 发布

My f

最新推荐文章于 2022-07-13 15:01:24 发布

阅读量725

点赞数

分类专栏：基础知识小结文章标签：倒计时防刷新

本文链接：https://blog.csdn.net/qq_41708308/article/details/86567203

版权

这篇博客介绍了一种利用localStorage在页面刷新时保持倒计时连续性的方法。通过存储倒计时数据并重新激活计时器，实现了刷新页面后倒计时继续进行的功能。博主分享了代码实现细节，包括HTML、开始倒计时的方法以及防刷新的判断和处理。尽管过程中遇到挑战，但博主坚持完成并对此感到满意，表示将继续努力提升。

摘要由CSDN通过智能技术生成

我这里是调用了localStorage属性来将倒计时数储存进浏览器，在根据其他方法来实现防刷新的倒计时效果。
写的比较仓促，详细解释代码都有注释。
在这里插入图片描述
首先我们来看一下HTML代码的内容

<div class="modal-body" id="Part" style="display:none;">
        <div class="modal-header" style="font-size:20px;">
            <input class="hidden" id="Order1" />@*这个input用来装标识倒计时的ID*@
            <div class="col-md-12 col-sm-12" id="Numbers">
                <label class="col-md-2 col-sm-2 text-center">订单号:</label>
                <div class="col-md-1 col-sm-1"></div>
            </div>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col-m