DOM资料之Date日期对象

最新推荐文章于 2023-02-20 15:09:10 发布

原创最新推荐文章于 2023-02-20 15:09:10 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

DOM 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了DOM中Date对象的使用，包括新建日期对象的多种方式，如默认当前日期、指定时间字符串、时间戳等。同时，详细阐述了Date对象的若干方法，如getDate()、getDay()、getMonth()等，以及获取时间毫秒数的getTime()方法。通过案例展示了如何进行日期相关的计算，例如倒计时应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

◆ 新建一个日期对象：

var date1 = new Date(); //默认值：当天日期

var date1 = new Date();
console.log(date1);

执行结果：
Date 2018-10-23T11:57:58.226Z

var date2 = new Date(“2016/01/27 12:00:00”) //兼容最强

var date2 = new Date("2016/09/06 00:00:00");
console.log(date2);

执行结果：
Date 2016-09-05T16:00:00.000Z

var date3 = new Date(‘Wed Jan 27 2016 12:00:00 GMT+0800 (中国标准时间)’); //不常用
var date4 = new Date(2016, 1, 27); //不常用

◆ Date对象的方法：

getDate()：
获取日 1-31

var date1 = new Date();
console.log(date1.getDate())

执行结果：
23

getDay ()
获取星期 0-6（0代表周日）

var date1 = new Date();
console.log(date1.getDay ())

执行结果：
2

getMonth ()
获取月 0-11（1月从0开始）

var date1 = new Date();
console.log(date1.getMonth ()) 

执行结果：
9

getFullYear ()
获取完整年份（浏览器都支持）

var date1 = new Date();
console.log(date1.getFullYear ()	) 

执行结果：
2018

getHours ()
获取小时 0-23

var date1 = new Date();
console.log(date1.getHours ())

执行结果：
19

getMinutes ()
获取分钟 0-59

var date1 = new Date();
console.log(date1.getMinutes ())

执行结果：
57

getSeconds ()
获取秒 0-59

var date1 = new Date();
console.log(date1.getSeconds ())

执行结果：
58

getMilliseconds ()
获取毫秒（1s = 1000ms）

var date1 = new Date();
console.log(date1.getMilliseconds ())

执行结果：
226

getTime ()
返回累计毫秒数(从1970/1/1午夜)

var date1 = new Date();
console.log(date1.getTime ())

执行结果：
1540295878226

◆ 案例：

发布会倒计时

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            width: 1210px;
            margin: 200px auto;
            color: red;
            text-align: center;
            font: 600 30px/30px "simsun";
        }
    </style>
</head>
<body>
    <div></div>

<script>
    var div=document.getElementsByTagName("div")[0];
    var timer = setInterval(fn,1);
    function fn(){
        var nowtime = new Date();
        var future = new Date("2018/11/05 18:23:15");
        var timeSum = future.getTime() - nowtime.getTime();
        var day = parseInt(timeSum/1000/60/60/24);
        var hour = parseInt(timeSum/1000/60/60%24);
        var minu = parseInt(timeSum/1000/60%60);
        var sec = parseInt(timeSum/1000%60);
        var millsec = parseInt(timeSum%1000);
        day=day<10?"0"+day:day;
        hour=hour<10?"0"+hour:hour;
        minu=minu<10?"0"+minu:minu;
        sec=sec<10?"0"+sec:sec;
        if(millsec<10){
            millsec="00"+millsec;
        }else if(millsec<100){
            millsec="0"+millsec;
        }

        if(timeSum<0){
            div.innerHTML="距离发布会还有00天00小时00分00秒000毫秒";
            clearInterval(timer);
            return;
        }
        div.innerHTML="距离发布会还有"+day+"天"+hour+"小时"+minu+"分"+sec+"秒"+millsec+"毫秒";
    }

</script>
</body>

</html>