简易倒计时

针对Date对象,做一个小小的补充.Date不仅是用于日期时间的计算功能,还能充当

倒计时.

// 计算出当前时间距离周末（2023/3/12）还有x天x时x分x秒,并把它渲染到网页里

function getTime() {

// 创建对象，保存当前时间

var d1 = new Date()

// 获取当前时间的时间戳

// console.log(Date.now(),d1.getTime())

// 创建对象，保存周末时间

var d2 = new Date('2023/3/12')

// 获取系统时间，渲染到网页

// 计算相差的毫秒数

var d = d2.getTime() - d1.getTime()

// 把相差的单位改为秒

d = parseInt(d/1000)

// 计算相差的秒钟部分：去除含有的分钟（60秒），总的相差的秒钟%60

var second = d%60

// 计算相差的分钟部分：去除总的秒数中含有的小时(3600秒)，单位要求是分钟

var minute = parseInt(d%3600/60)

// 计算相差的小时部分：去除总的秒数中含有的天(24*3600)，单位要求是小时

var hour = parseInt(d%(24*3600)/3600)

// 计算相差的天部分：直接将总的秒数单位转为天(24*3600)

var day = parseInt(d/(24*3600))　

// console.log(`距离周末还有${day}天${hour}时${minute}分${second}秒`)

// 渲染

time.innerHTML = `距离周末还有${day}天${hour}时${minute}分${second}秒`

}　

// 打开网页，调用函数，就可以显示时间

getTime()

// 每隔1秒钟，重新获取系统时间，渲染到网页

// 每隔1秒钟，调用一次函数

setInterval(getTime, 1000)

setInterval(getTime, 1000)

仅展示效果,未添加样式,若感兴趣,可自行添加.