倒计时(距离抢购时间)

最新推荐文章于 2021-10-10 10:56:28 发布

erdouzhang

最新推荐文章于 2021-10-10 10:56:28 发布

阅读量674

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/erdouzhang/article/details/64438055

版权

js 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

在线演示
 源代码下载

这里写图片描述
html:

<body>
    <div id="box"></div>
</body>

css:

<style>
    body{
        font-size: 30px;
        text-align: center;
        color: red;
    }
</style>

js:

<script>
    window.onload = function(){
        var box = document.getElementById("box");
        var endTime = new Date("2017/3/25 17:30:00");   //声明自己定义的活动结束时间

        setInterval(clock,1000);    //开启定时器，一秒执行一次
        function clock(){
            var nowTime = new Date();   //声明现在时间
            //console.log(nowTime.getTime());   //获得当前时间毫秒数
            //得到两个时间之间的秒数 转换成整数
            var second = parseInt((endTime.getTime() - nowTime.getTime())/1000);

            var day = parseInt(second / 3600 / 24); //获得天数
            var hour = parseInt(second / 3600 % 24);//获得小时数
            var min = parseInt(second / 60 % 60);   //获得分钟数
            var s = parseInt(second % 60);      //获得秒数
            //单数前面补零
            day  < 10 ? day ="0"+day  : day;
            hour < 10 ? hour="0"+hour : hour;
            min  < 10 ? min ="0"+min  : min;
            s    < 10 ? s   ="0"+s    : s;
            box.innerHTML = "距离抢购时间还剩："+day+"天"+hour+"小时"+min+"分钟"+s+"秒";
        }
    }
</script>