Date对象常用方法

本文最后更新于：2 年前

Date对象常用方法

获取 Date 对象的时间戳

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
  // 方式一：获取 Date 对象的时间戳（最常用的写法）
  const timestamp1 = +new Date();
  console.log(timestamp1); // 打印结果举例：1589448165370

  // 方式二：获取 Date 对象的时间戳（较常用的写法）
  const timestamp2 = new Date().getTime();
  console.log(timestamp2); // 打印结果举例：1589448165370

  // 方式三：获取 Date 对象的时间戳
  const timestamp3 = new Date().valueOf();
  console.log(timestamp3); // 打印结果举例：1589448165370

  // 方式4：获取 Date 对象的时间戳
  const timestamp4 = new Date() * 1;
  console.log(timestamp4); // 打印结果举例：1589448165370

  // 方式5：获取 Date 对象的时间戳
  const timestamp5 = Number(new Date());
  console.log(timestamp5); // 打印结果举例：1589448165370
  
</script>

日期格式化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script>
   console.log(formatDate());
   /*
       方法：日期格式化。
       格式要求：今年是：2020年02月02日 08:57:09 星期日
   */
   function formatDate() {

     //将时间戳放入new Date()中，则会返回时间戳的时间
     // var date = new Date(1402233166999);

       var date = new Date();

       var year = date.getFullYear(); // 年
       var month = date.getMonth() + 1; // 月
       var day = date.getDate(); // 日

       var week = date.getDay(); // 星期几
       var weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

       var hour = date.getHours(); // 时
       hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零

       var minute = date.getMinutes(); // 分
       minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零

       var second = date.getSeconds(); // 秒
       second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零

       var result = '今天是：' + year + '年' + month + '月' + day + '日 ' + hour + ':' + minute + ':' + second + ' ' + weekArr[week];

       return result;
   }
 </script>

倒计时

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
	<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(() => {
            countDown('2032/02/03 11:20:00');
        }, 1);

        function countDown(myTime) {
            var nowTime = new Date();
            var future = new Date(myTime);
            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); // 毫秒

            //细节处理：所有的时间小于10的时候，在前面自动补0，毫秒值要补双0（比如如，把 8 秒改成 08 秒）
            day = day < 10 ? '0' + day : day; //day小于10吗？如果小于，就补0；如果不小于，就是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 = '距离2032/02/03 11:20:00还有00天00小时00分00秒000毫秒';
                clearInterval(timer);
                return;
            }

            // 前端要显示的文案
            div.innerHTML = '距离2032/02/03 11:20:00还有' + day + '天' + hour + '小时' + minu + '分' + sec + '秒' + millsec + '毫秒';
        }
    </script>
</body>