您现在的位置：首页 >> 前端 >> 内容

简单的代码实现商品抢购倒计时功能

时间：2018/5/9 10:05:27 点击：

　　核心提示：简单的代码实现商品抢购倒计时!DOCTYPE htmlhtml lang=enheadmeta charset=utf-8/headbodyp/pscript type=text/showTime()...

简单的代码实现商品抢购倒计时

<!DOCTYPE html>  
<html lang="en">  
    <head>  
        <meta charset="utf-8">  
    </head>  
    <body>  
        <p></p>  
        <script type="text/javascript">  
            showTime();  
            var timer = setInterval(showTime,1000);  
            function showTime(){  
                var end = Date.parse('2019/01/01');  
                // 获取当前时间  
                var now = Date.now();  
                // 计算差值  
                var offset = Math.floor((end - now)/1000);//毫秒  
  
                if(offset <= 0){  
                    // 清除定时器  
                    clearInterval(timer);  
                }  
  
                var sec = offset%60;  
                var min = Math.floor(offset/60)%60;  
                var hour = Math.floor(offset/60/60)%24;  
                var day = Math.floor(offset/60/60/24);  
  
                sec = sec<10? '0'+sec : sec;  
                min = min<10? '0'+min : min;  
                hour = hour<10? '0'+hour : hour;  
                day = day<10? '0'+day : day;  
  
  
                document.querySelector('p').innerHTML = day + '天' + hour + '时' + min + '分' + sec + '秒';  
            }  
  
             
  
        </script>  
    </body>  
</html>