JS中data对象及data对象方法的使用

一、创建Date对象

在JS中使用Date对象来表示一个时间，其中Date()为一个构造函数

1、创建Date时间对象

—直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间

        var d = new Date();
        //console.log(d);

2、创建指定的时间对象

-需要在构造函数中传递一个表示时间的字符串作为参数

-日期的格式 月份/日/年 时:分:秒

         var d2 = new Date("10/23/2021 9:00:00");
        //console.log(d2);

二、时间对象的方法

getDate()

        —获取当前日期对象是几日(0-31)

getDay()

        —获取当前日期对象是周几

        —会返回一个0-6的值，0表示周日 1表示周一

getMonth()

        —获取当前时间对象的月份

        —会返回一个0-11的值 0表示1月，1表示2月，11表示12月

getFullYear()

        —获取当前日期对象的年份

getTime()

        —获取当前日期对象的时间戳

        —时间戳，指的是从格林威治标准时间的1970年1月1日0时:0分:0秒到当前日期所花费的豪秒数，1s=1000ms

        —计算机底层在保存时间时，使用的都是时间戳

Date.now() 

        —获取当前代码执行时的时间的时间戳

        var date = d2.getDate();
        var day = d2.getDay();
        var month = d.getMonth();
        var year = d2.getFullYear();
        console.log(year)
        var time = d.getTime();

        //获取当前的时间戳
        var time = Date.now()
        console.log(time);
        //利用时间戳来测试代码的执行的性能
        var start = Date.now();

        var end = Date.now();
        console.log('执行了' + (end - start));

三、设置年月日时分秒及星期的方法

setFullYear(year)：设置4位数的年份
setMonth(mon)：设置月份，从0开始，0表示1月
setDate()：设置日期
setHours()：设置小时
setMinutes()：设置分
setSeconds()：设置秒
setTime()：以毫秒设置日期，会改变整个日期

        var date = new Date();

        date.setDate(15);
        //设置 Date 对象中月的某一天 (1 ~ 31)
        
        date.setFullYear(1991);
        //设置 Date 对象中的年份（四位数字）
        
        date.setMonth(2);
        //设置 Date 对象中月份 (0 ~ 11)
        
        date.setHours(10);
        //设置 Date 对象中的小时 (0 ~ 23)
        
        date.setMinutes(20);
        //设置 Date 对象中的分钟 (0 ~ 59)
        
        date.setSeconds(30);
        //设置 Date 对象中的秒钟 (0 ~ 59)
        
        date.setMilliseconds(400);
        //设置 Date 对象中的毫秒 (0 ~ 999)
        
        console.log(date);

        date.setTime(1599891487363);
        //以时间戳设置 Date 对象。
        console.log(date);

四、获取当前时间设置

<script>
    var t = null;
    t = setTimeout(time, 1000);//開始运行
    function time() {
        clearTimeout(t);//清除定时器
        dt = new Date();
        var y = dt.getFullYear();
        var mt = dt.getMonth() + 1;
        var day = dt.getDate();
        var h = dt.getHours();//获取时
        var m = dt.getMinutes();//获取分
        var s = dt.getSeconds();//获取秒
        // 为类名为`.showTime`的元素添加时间
        document.querySelector(".showTime").innerHTML = '当前时间：' + y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
        t = setTimeout(time, 1000); //设定定时器，循环运行
    }
</script>