js倒计时小程序

最新推荐文章于 2024-04-27 10:32:51 发布

PersonalM

最新推荐文章于 2024-04-27 10:32:51 发布

阅读量250

点赞数

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

本文链接：https://blog.csdn.net/PersonalM/article/details/74046771

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta charset='utf-8'>
        <style>
        div {
            width:100%;
            height:300px;
            line-height:300px;
            text-align:center;
            font-size:50px;
            background-color:yellow;
            color:tomato;
        }
        </style>
    </head>
    <body>
        <div></div>
    </body>
    <script>
    var oDiv = document.getElementsByTagName('div')[0];

    var wuyi = new Date('2017', '3', '26', '15', '12');
    var wuyiCuo = parseInt(wuyi.getTime() / 1000);
    setInterval(function () {
        //得用时间戳   1970-1-1-0:0:0===>秒数
        var now = new Date();
        var nowCuo = parseInt(now.getTime() / 1000);
        //console.log(nowCuo + '\n' + wuyiCuo);
        var dis = wuyiCuo - nowCuo;
        var t = dis;
        //60 3600 24*3600==86400s     12345678s
        //根据差值计算天、时、分、秒
        var day = parseInt(dis / 86400);
        //得到剩下的秒数
        dis = dis % 86400;
        var hour = parseInt(dis / 3600);
        dis = dis % 3600;
        var minute = parseInt(dis / 60);
        dis = dis % 60;
        var second = dis;

        if (t != 0) {
            oDiv.innerHTML = '距离小米手机6抢购还剩' + day + '天' + hour + '时' + minute + '分' + second + '秒';
        } else {
            oDiv.innerHTML = '<a href="www.baidu.com">抢购</a>';
        }
    }, 1000);


    </script>
</html>

PersonalM

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js倒计时小程序

<html> <head> <meta charset='utf-8'> <style> div { width:100%; height:300px; line-height:300px; text-align:center;
复制链接

扫一扫

专栏目录