js倒计时通过时间差实现

最新推荐文章于 2024-05-22 01:53:01 发布

前端小狮

最新推荐文章于 2024-05-22 01:53:01 发布

阅读量1.7k

点赞数 2

分类专栏： js 文章标签：倒计时 js倒计时

本文链接：https://blog.csdn.net/m0_37885651/article/details/80014144

版权

js 专栏收录该内容

55 篇文章 2 订阅

订阅专栏

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

<!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>

前端小狮

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js倒计时通过时间差实现

这个常用的写法，获取到现在时间，截止时间，通过计算获得时间差，建立计时器，毫秒数递减，得以实现倒计时功能；通常项目中用到的话，都是从服务器获取时间，每次进页面只需请求一次，通过时间差计算，很实用；&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &...
复制链接

扫一扫