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()
事件(条件触发):同上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值