DOM-5 【日期对象-计时器-延时器】

一、日期对象

(1)实例化日期对象

返回当前日期与时间
在这里插入图片描述
date.toString() = Date()
在这里插入图片描述

(2)获取日期

1.getDate()

返回当前是几号(1~31)
在这里插入图片描述

2.getDay()

返回当前是星期几(0~6),

外国人认为星期天是第一天,所以0是星期天
在这里插入图片描述
改成中国的星期:
在这里插入图片描述

3.getMonth()

返回当前是第几月(0~11),要获取月份的时候记住+1
在这里插入图片描述

4.getFullYear() & getYear()

都是返回当前年份
在这里插入图片描述
不用getYear的原因:

  1. 它是从1900年开始算的,比如1999年返回99
  2. 千年危机,老的计算机的年份是按两位记的,所以1999年到2000年的时候,就变成00,然后就导致了银行利息计算出了问题。比如99年存的钱,00-99就是-99,利息就是负的。

(3)获取时间

1.getHours() & getMinutes() & getSeconds()
在这里插入图片描述
new了一个对象后取的时间是固定的

只有每次都new一个新的对象取值才会是新的时间

2.getMilliseconds()

在这里插入图片描述

3.getTime()

返回当前时间戳(TimeStamp),

时间戳就是计算从1970年1月1日0点0分0秒到现在过了多少毫秒
在这里插入图片描述
时间戳转换成当前时间:
在这里插入图片描述

4.setTime()

设置日期对象的时间戳
在这里插入图片描述
设置了以后date就以设置的时间戳为标准打印时间

(4)设置时间日期

1.填写参数: 分别对应年、月、日、时、分、秒
在这里插入图片描述
2.填写字符串: 日期的分隔符用-或/都可以
在这里插入图片描述

3.单独设置
在这里插入图片描述

二、计时器

(1)计时器的作用

概述: setInterval()实际上是BOM上面的方法,其完整写法是window.setInterval(),其中window可以不写

作用: 每隔特定的毫秒数时间执行一次内部函数

(2)定时器的写法

写法一:
在这里插入图片描述
写法二:
在这里插入图片描述
写法三:
在这里插入图片描述

写法四:
在这里插入图片描述

(3)计时器的标识

计时器的标识是从1开始依次累加
在这里插入图片描述

(4)清除计时器

clearInterval(变量或标识)

没有彻底清除,只是清除了里面的函数,彻底清除可以赋值null

三、延时器

(1)延时器的作用

概述: setTimeOut()是BOM上面的方法,其完整写法是window.setTimeOut(),其中window可以不写

作用: 延迟特定的毫妙时间执行一次函数(只执行一次)

(2)延时器的写法

在这里插入图片描述

(3)延时器与定时器的标识会重复吗

在这里插入图片描述
不会重复,它们的标识都是依次序排的

(4)清除延时器

clearTimeOut(变量或标识)

没有彻底清除,只是清除了里面的函数,彻底清除可以赋值null

四、作业

(1)原形上编程,写一个数组时钟

在这里插入图片描述

(2)原形上编程,写一个倒计时

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值