js笔记十八之Date日期

Date日期操作基础讲解

Date是日期类，通过它可以对时间进行处理

var time = new Date();  
// -> 获取当前客户端本机时间(当前获取的时间不能作为重要的参考依据)// -> 获取的结果是一个日期格式的对象: // -> Thu May 10 2018 14:14:29 GMT+0800 (中国标准时间)typeOf new Date() // -> "object"time.getFullYear() // -> 获取四位整数年time.getMonth() // -> 获取的月 0~11,代表1~12月time.getDate() // -> 获取日 1~31time.getDay() // -> 获取星期(0~6代表周日到周六)time.getHours() // -> 获取小时time.getMinutes() // -> 获取分钟time.getSeconds() // -> 获取秒time.getMilliseconds() // -> 获取毫秒time.getTime() // -> 获取当前日期距离 '1970-01-01 00:00:00' 的毫秒差

var time = new Date('2018-05-09'); 
// -> 当new Date中传递一个时间的字符串,相当于把这个字符串转换为标准时间对象格式(转换完成后,就可以调取上面那些方法了)// -> 时间格式的字符串// -> '2018-05-09' (ie下识别不了)// -> '2018/05/09'// -> '2018/05/09 21:12:13'// -> 1525933730685 (如果传递的是距离1970年的毫秒差,也可以识别转换,但是只能是数字不能是字符串)// -> ...

<style>
    .box{width:420px;height:60px;margin:100px auto;border:2px solid #aaa;text-align:center;line-height:60px;font-size: 24px;}    .box span{color:orange;}    
</style><div class='box'>距离汶川地震十周年:<span id='timeBox'>00:00:00</span></div><script>
    var timeBox = document.getElementById('timeBox');    function compute(){        var nowTime = new Date(),
            targetTime = new Date('2018/05/12 14:28:00');        var spanTime = targetTime - nowTime ;// -> 获取的结果是两个时间之间的毫秒差
        // -> 已经到达默哀时间,提示: 默哀三分钟
        if(spanTime <= 0){
            timeBox.innerHTML = '开始默哀';            window.clearInterval(timer)            return;
        }        // -> 还没有到达默哀时间;在总毫秒差中计算出还有多少小时,分钟,秒
        var hour = Math.floor(spanTime / (1000*60*60));
        spanTime -= hour*60*60*1000; // -> 把小时占据的毫秒数抛出掉
        var minute = Math.floor(spanTime / (1000*60));
        spanTime -= minute*60*1000; // -> 把分钟占据的毫秒数抛出掉
        var second = Math.floor(spanTime / 1000);        // console.log(hour);
        // -> 如果时钟,分钟,秒钟小于10,补零
        hour<10?hour = "0"+hour:null;
        minute<10?minute="0"+minute:null;
        second<10?second="0"+second:null;        // -> 替换span中的内容显示为倒计时
        timeBox.innerHTML = hour + ":" + minute + ":" + second;
    }
    compute();    // -> 每隔一秒钟重新执行compute()
    var timer = window.setInterval(compute, 1000)</script>

作者：uplyw
链接：https://www.jianshu.com/p/890dc3b9a9d4