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

首先继续看一下效果
使用原生js写一个日期的倒计时_第1张图片
然后直接看代码吧


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>timetitle>
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>

你可能感兴趣的:(javascript)