一.时间对象

在JS中 Date 给我们提供了操作时间的一些方法,是JS内置的一个对象

二.时间对象的参数

创建时间对象的时候 可以选择传递参数,也可以不传递参数

• 不传递参数

 var timer = new Date()
 console.log(timer);
 //Wed Jan 04 2023 14:30:17 GMT+0800 (中国标准时间)  当前时间

• 传递参数

如果需要传递参数分为两种形式

1.数字

最少要传递两个值,年和月(在JS中0-11代表了1-12月)

var timer = new Date(1999,00,31,23,59,59)
console.log(timer)
//Sun Jan 31 1999 23:59:59 GMT+0800 (中国标准时间)

2.字符串

最少只需要一个参数年份即可(字符串的形式传递时月份从1开始)

var timer = new Date('2019-2-13 13:14:56')
console.log(timer)
//Wed Feb 13 2019 13:14:56 GMT+0800 (中国标准时间)

三.格式化时间对象

var timer = new Date()

1.得到时间对象中的 年份

 var year = timer.getFullYear()
 console.log(year)

2.得到时间对象中的 月份

var month = timer.getMonth()
console.log(month)

3.得到时间对象中的 日

var day = timer.getDateh()
console.log(day)

4.得到时间对象中的 小时

var hour = timer.getHours()
console.log(hour)

5.得到时间对象中的 分钟

 var minutes = timer.getMinutes()
 console.log(minutes)

6.得到时间对象中的 秒数(0-59)

 var seconds = timer.getSeconds()
  console.log(seconds)

7.得到时间对象中的 一周的第几天

(周日为0,周六为6)

var days = timer.getDay()
 console.log(days)

8.getTime

按照 格林威治时间计算 从1970年1月1日0时0分0秒 到现在(指定日期)的毫秒数

var getTimes = timer.getTime()
console.log(getTimes)

四.设置时间对象

var timer=new Date()

注意 没有设置本周的第几天

1.设置年

    timer.setFullYear(2008)
    console.log(timer.getFullYear())

2.设置月

    timer.setMonth(11)
    console.log(timer.getMonth())

3.设置当月的第几天

    timer.setDate(21)
    console.log(timer.getDate())

4.设置 时

    timer.setHours(20)
    console.log(timer.getHours())

5.设置 分钟

    timer.setMinutes(30)
    console.log(timer.getMinutes()) 

6.设置 秒

    timer.setSeconds(40)
    console.log(timer.getSeconds())

7.设置 毫秒

 timer.setMilliseconds(666)
 console.log(timer.getMilliseconds())

8.直接设置 到 1970的总毫秒

 timer.setTime(123456789)
  console.log(timer.getTime());

五.认识BOM

浏览器对象模型 ,其实就是操作浏览器的一些能力 我们可以操作哪些内容

       + 获取浏览器的相关信息(窗口大小)
       + 操作浏览器进行页面的跳转
       + 获取浏览器地址栏的信息
       + 操作浏览器的滚动条
       + 获取浏览器版本
       + 让浏览器出现一个弹出框
       + .....

BOM 的核心就是 window 对象

window 是JS 内置的一个对象 里面包含着操作浏览器的方法

六.体验BOM

1.获取浏览器窗口的尺寸

innerHeight/innerWidth

• 作用:获取浏览器窗口的高度和宽度(包含滚动条)
• 语法:window.innerHeight/window.innerWidth

console.log('高度', window.innerHeight);
console.log('宽度', window.innerWidth);

2.浏览器的弹出层(学习的时候会使用,实际工作不会使用)

alert

prompt

confirm

• 有一个询问信息和两个按钮
• 点击确定按钮返回 true
• 点击取消按钮但会 false

 var boo = confirm('请问您确定进入页面吗?')
        console.log(boo);