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()

事件(条件触发):同上

你可能感兴趣的:(JavaScript Date 对象以及两大定时器)