Date对象

Date对象

---

---

1.Date() 日期对象

Date()是一个构造函数，必须用new来调用我们的日期对象。

2. 使用Date()

字符串	数字型
分割号隔开	逗号隔开
‘2022-05-10 8:8:8’	2020, 05, 10

-注意：数字型月份返回值比实际月份少1

    <script>
        //Date()日期对象 是一个构造函数 必须用new来调用我们的日期对象
        var arr = new Array();
        var obj = new Object();
        //1.使用date 
        //如果没有参数 返回当前系统的当前时间
        var date = new Date();
        console.log(date);
        //2.参数的常用写法  数字型 2022,05,10 字符串 '2022-05-10 8:8:8'
        var date1 = new Date(2020, 05, 10);
        console.log(date1);//返回的是6月 不是五月
        var date2 = new Date('2022-05-10 8:8:8');
        console.log(date2);
    </script>

3.格式化日期-年月日

方法名	说明
getFullYear()	获取当前年
getMonth()	获取当前月(0-11)
getDate()	获取当天日期
getDay()	获取星期几(周日0-周六6)
getHours()	获取当前小时
getMinutes()	获取当前分钟
getSeconds()	获取当前秒钟表

	<script>
       //格式化 年月日
       var date3 = new Date();
       console.log(date3.getFullYear() + '年');
       //返回的月份小一个月 记得月份加1
       console.log(date3.getMonth() + 1 + '月' + date3.getDate() + '日');
       //周一返回1 周六返回6 周日返回0
       console.log(date.getDay());
       //显示2022年5月10日星期四
       var year = date.getFullYear();
       var month = date.getMonth() + 1;
       var dates = date.getDate();
       //注意：0对应星期日
       var arr1 = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
       var day = date.getDay();//3
       console.log('今天是：' + year + '年' + month + '月' + dates + '日 ' + arr1[day]);
	</script>

4.格式化日期-时分秒

   <script>
        //格式化日期 时分秒
        var date = new Date();
        console.log(date.getHours());//时
        console.log(date.getMinutes());//分
        console.log(date.getSeconds());//秒
        //要求封装一个函数返回当前时分秒 格式00:00:00
        function getTime() {
            var time = new Date();
            var h = time.getHours();
            h = h < 10 ? '0' + h : h;
            var m = time.getMinutes();
            m = m < 10 ? '0' + m : m;
            var s = time.getSeconds();
            s = s < 10 ? '0' + s : s;
            return h + ':' + m + ':' + s;
        }
        console.log(getTime());
    </script>

5.获取日期总的毫秒数

	<script>
       //获取Date总的毫秒数(时间戳) 不是当前时间的毫秒数 而是距离1970年1月1日过了多少毫秒
       //1.通过valueOf()  getTime()
       var date = new Date();
       //现在时间距离1970年1月1日总的毫秒数
       console.log(date.valueOf());
       console.log(date.getTime());
       //2.简单的写法  +new Date()返回总的毫秒数 最常用的写法
       var date1 = +new Date();
       console.log(date1);
       //3.html5 新增的方法 获取总的毫秒数
       console.log(Date.now());
   </script>

6.倒计时案例

<script>
        function conutDown(time) {
            var newTime = +new Date();//返回当前时间毫秒数
            var inputTime = +new Date(time);//返回的是用户输入的时间毫秒数
            //1s等于1000ms
            var times = (inputTime - newTime) / 1000;//times为剩余时间总的秒数
            var d = parseInt(times / 60 / 60 / 24);//天
            d = d < 10 ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24);//小时
            h = h < 10 ? '0' + h : h;
            var m = parseInt(times / 60 % 60);//分
            m = m < 10 ? '0' + m : m;
            var s = parseInt(times % 60);//秒
            s = s < 10 ? '0' + s : s;
            return d + '天' + h + '时' + m + '分' + s + '秒';
        }
        console.log(conutDown('2022-5-23 12:00:00'));
        var date = new Date();
        console.log(date);
    </script>

总结

以上就是今天学习的内容，本文简单介绍了Date对象。