js时间对象-CSDN博客

本文链接：https://blog.csdn.net/weixin_43368552/article/details/126298370

时间对象用处：

目标：掌握时间对象。可以让网页在某个的位置显示时间

时间对象：用来表示时间的对象

作用：可以得到当前的系统时间

实例化：js中，通常把用类创建对象的过程称为实例化，实例化对象就是创建对象的过程。 “类”是抽象的，没有办法操作它或使用它的方法和属性，只有把这个类实例化成为一个对象，才可去调用它的一系列方法和属性；因此，实例化对象就是由抽象到具体的过程。

目标：能够实例化时间对象

在代码中发现new 关键字时，一般将这个操作称为实例化

创建一个时间对象并获取时间

获取当前时间 new Date()

let date =new Date()

获取指定时间

let date = new Date('1999-01-30')

getMonth（）获取月份取值为0~11 所以需要＋1，才能显示正常的月份

getDay（）获取星期几取值为0~6 星期日为0

在页面中显示本地时间：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 300px;
            height: 50px;
            background-color: aqua;
            text-align: center;
            line-height: 50px;
        }
    </style>
</head>

<body>
    <div></div>

    <script>
        let arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
        let div = document.querySelector('div')

        fn()  //可以封装为一个函数,这样使用的时候,方便很多,不用写下面这段代码,直接函数调用即可
        // let date = new Date()
        //     let year = date.getFullYear()
        //     let month = date.getMonth() + 1
        //     let date1 = date.getDate()
        //     let hours = date.getHours()
        //     let min = date.getMinutes()
        //     let sec = date.getSeconds()
        //     let day = date.getDay()
        // div.innerText =   `今天是${year}年${month}月${date1}日  ${hours}:${min}:${sec}  ${arr[day]}`
        setInterval(fn, 1000)
        function fn() {

            // 1  实例化时间对象
            let date = new Date()
            let year = date.getFullYear()
            let month = date.getMonth() + 1
            let date1 = date.getDate()
            let hours = date.getHours()
            let min = date.getMinutes()
            let sec = date.getSeconds()
            let day = date.getDay()
            // console.log(day);    getDay只能获取0~6的时间,可是星期为周日到周六,所以设置一个数组,用getDate里面的
            // 获取元素
            let div = document.querySelector('div')
            div.innerText = `今天是${year}年${month}月${date1}日  ${hours}:${min}:${sec}  ${arr[day]}`
        }
    </script>
</body>

</html>

时间戳：