JavaScript Date 对象以及两大定时器

JavaScript Date 对象以及两大定时器

1、Date 对象

Date对象是用来处理日期和时间的，通过js实现显示时间的效果。

创建 Date 对象的语法：var myDate = new Date();

注释：Date 对象会自动把当前日期和时间保存为其初始值。

2、常用的 Date 方法

Date()——返回当日的日期和时间。

getDate()——从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getDay()——从 Date 对象返回一周中的某一天 (0 ~ 6)。

getMonth()——从 Date 对象返回月份 (0 ~ 11)。

getFullYear()——从 Date 对象以四位数字返回年份。

getHours()——返回 Date 对象的小时 (0 ~ 23)。

getMinutes()——返回 Date 对象的分钟 (0 ~ 59)。

getSeconds()——返回 Date 对象的秒数 (0 ~ 59)。

getMilliseconds()——返回 Date 对象的毫秒(0 ~ 999)。

getTime()——返回 1970 年 1 月 1 日至今的毫秒数。

注释：月份是从0-11，其代表的是1到12月份；星期天是从0-6, 0代表星期天，其他正常。

以下是获取日期对象的函数：（这个封装的函数返回的是一个对象，用户可根据自己的需求选择想要的效果）

注意事项：

（1）获取month的数据是应该让其值+1才等同于当前月份；

（2）周几通过switch语句实现。

（3）createZero（n）函数是为了在单个数字前实现加“0”效果。

3、设置日期

方法有两种：

（1）直接设置：创建日期时传参：

字符：一个参数；可以设置局部；没有设置的部分清0；年月日的部分之间，可以用“-”，“.”，“/”，“,”隔开；超出上限，Invalid Date对象（意外的日期对象）。

数值：多个参数，每一部分都是一个参数；月份从0开始计算；可以设置局部；没有设置的部分清0；超出上限，向前进1。

（2）方法设置：set系列：接收的是数值；月份从0开始；没有设置的部分是当前时间；超出上限，进1。

时间戳设置：以计算机元年开始经过了的毫秒数

set系列，设置指定的值；若超出上限，则进1。

小拓展：计算两个日期的差值

以下是计算两个任意时间的差值得函数，如果设置的是一个值则是计算这个时间到当前时间的差值。（函数返回的是一个对象，并不是一个具体的日期格式，用户可以根据自己的需求选择自己想要的效果）

4、定时器

（1）计时器

开启：setInterval()

参数1：回调函数

参数2：毫秒数

功能：每个指定的毫秒数执行一次回调函数，不会停止

demo：

清除计时器：clearInterval()

事件（条件触发）：使用条件触发来清除，例如onclick（点击）事件；

（2）延时器

开启：setTimeout()

参数1：回调函数

参数2：毫秒数

功能：延迟指定的毫秒数之后，只执行一次回调函数

demo：

清除：clearTimeout()

事件（条件触发）：同上