使用原生js写一个日期的倒计时

最新推荐文章于 2023-11-01 20:28:29 发布

zbwroom

最新推荐文章于 2023-11-01 20:28:29 发布

阅读量1.2k

点赞数 1

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

本文链接：https://blog.csdn.net/zbwroom/article/details/77800779

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

首先继续看一下效果
这里写图片描述
然后直接看代码吧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>time</title>
</head>
<body>
    <div id="cc"></div>   //dom结构
    <script>
        //定义一个函数
        function getTimes(){
            // 获取结束时间的日期
            var endTime = new Date('2017/11/11 00:00:00');
            // 获取当前日期
            var nowTimw = new Date();
            // 获取结束时间与当前时间的总毫秒数
            var t = endTime.getTime() - nowTimw.getTime();
            // 定义4个变量 存放日期
            var d = 0;
            var h = 0;
            var m = 0;
            var s = 0;
            // 如果获取的毫秒数>0
            if(t > 0){
                // 获取相对应的天时分秒
                d = Math.floor(t/1000/60/60/24);
                h = Math.floor(t/1000/60/60%24);
                m = Math.floor(t/1000/60%60);
                s = Math.floor(t/1000%60);
            };
            // 写入到页面中
            $('cc').innerHTML = (d+"天"+h+"时"+m+"分"+s+"秒");
        }
        setInterval(getTimes,0);//执行倒计时的函数

        //封装获取id的讲话函数
        function $(id){
            return document.getElementById(id);
        }
    </script>
</body>
</html>