JavaScript+html实现倒计时

在实现页面倒计时之前，我们先学习一下相关知识

实例化时间对象 

语法： let date = new Date()  当前时间 

let date = new Date('2021-6-13 9:45:00')  指定时间

获取时间对象

语法：date.getFullYear()    获得年份

date.getMonth() + 1  获得月份，月份的取值范围为0-11，实际月份需要+1

date.getDate()  获得月份中的每一天

date.getHours() 获得时

date.getMinutes() 获得分

date.getSeconds() 获得秒

date.getDay()   获取星期几，取值范围为0-6，星期天为0

时间戳：是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式。时间戳是总的毫秒数，每个时间点的时间戳都是独一无二的，因此时间戳可以用来计算倒计时，利用将来的时间戳减去现在的时间戳，即可得到剩余时间的毫秒数，将其转换为时分秒就是剩余的时间。

获取时间戳的三种方式

1、使用getTime()方法

实例化：let date = new Date()

获取时间戳：console.log(date.getTime())

2、+new Date()  （常用）

获取时间戳 ：console.log(+new Date())   //利用了隐式转换

        let date = new Date()
         // 得到当前时间的时间戳  
        console.log(+new Date())
        // 得到指定时间的时间戳
        console.log(+new Date('2022-7-13 18:00:00'))

3、Date.now()

console.log(Date.now())  只能得到当前时间戳   

---

案例一：能实时显示当前时间

注意：实例化时间对象一定要写到定时器（间歇函数）里边，每隔一秒更新一次时间

案例二：倒计时（设置指定时间能自动计算倒计时时间）

在间歇函数调用前，需要先获取当前时间，才会避免页面更新延迟。这里主要用到了两个间歇函数来实时更新时间。注意：时间戳获取的时毫秒数，需要将其/1000转换为秒数。

    
    
    
    
    


       

        
今天是2022年7月13日
        
毕业倒计时
        

            
            天
            
            :
            
            :
            
            秒
        
         

            现在时间是15:34:30