JS实现页面实时时间显示/倒计时

函数介绍

间歇函数

setInterval(函数/可使用匿名函数，间隔时间/ms)

每过一段间隔时间，调用一次函数

获取时间对象函数 

//返回的是调用当前时间对象，包含年月日星期，小时分钟秒
const date1=new Date()
//返回的是调用当前时间对象转化为毫秒形式的时间戳
const date2=+new Date()

一、页面实时时间

思路：

1. 最外层：间歇函数每秒钟将时间显示函数的返回值写入页面
2. 中层：时间显示函数实时获取当前时间，并转换为可读时间
3. 内层：补零函数

演示：

代码：

二、倒计时

思路

        通过时间戳转换成毫秒差，从而换算

代码：

注意点：

1. 功能函数的返回值
2. 内容涉及变量需要使用反引号
3. 调用函数的层级关系：间歇-写入网页-功能函数-除零
4. 由于需要实时更新，所以获取时间/时间戳的函数要写在间歇函数内层（功能函数中），否则时间的获取无法正确更新