页面可刷新的倒计时

来源：互联网发布：erp系统维护数据库编辑：程序博客网时间：2024/06/05 17:44

写了一个5分钟倒计时的代码，有的时候代码需要刷新，然后倒计时又从4：59开始了，我想到的一个解决办法，就是使用缓存，将开始倒计时的时间加上要倒计时的5分钟设为缓存，然后直接用这个缓存时间减去当前时间，就可以一直倒计时了，不管你在倒计时过程中操作了什么，时间总在变吧，哈哈，原理就是这样嘀。

<!doctype html><html>    <head>        <meta charset="utf-8">        <title>简单易用的倒计时js代码</title>    </head>    <body>        <div id="time"></div>        <script src="js/jquery-git.js"></script>        <script>            localStorage.setItem('start', new Date().getTime());            countDown(localStorage.getItem('start'));            function countDown(startTime) {                var time = setInterval(function() {                    var currentTime = new Date();                    var second = 59 - parseInt(((currentTime.getTime() - startTime) / 1000) % 60);                    var min = 4 - parseInt((currentTime.getTime() - startTime) / 60000);                    if(min < 10) {                        min = "0" + min;                    }                    if(second < 10) {                        second = "0" + second;                    }                    var countDown = min + ":" + second;                    $('#time').html(countDown);                    if(second == 0 && min == 0) {                        clearInterval(time);                    }                }, 1000)            }        </script>    </body></html>

阅读全文

0 0