js倒计时 通过时间差实现

这个常用的写法,获取到现在时间,截止时间,通过计算获得时间差,建立计时器,毫秒数递减,得以实现倒计时功能;通常项目中用到的话,都是从服务器获取时间,每次进页面只需请求一次,通过时间差计算,很实用;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <p></p>
    </body>
    <script type="text/javascript">
        var date1 = new Date();
        var date2 = new Date(2050,9,1);
        var lastTime = (date2 - date1 )/1000;
        var d,h,m,s,timeText;
        var oP = document.querySelector('p');
        setInterval(function(){
            lastTime--;
            d = parseInt(lastTime /(24*3600));
            console.log(d);
            h = parseInt(lastTime/60/60%24);
            m = parseInt(lastTime/60%60);
            s = parseInt(lastTime%60);
            s = s < 10 ? "0" + s : s ; 
            timeText = d + "天" + h +"时" + m + "分" + s + "秒";
            oP.innerHTML = timeText;
        },1000)
    </script>
</html>

猜你喜欢

转载自blog.csdn.net/m0_37885651/article/details/80014144