js怎么实现倒计时效果
js怎么做倒计时,其实很简单。话不多说,直接上菜使用 new Date() 获取当前时间, Date.parse()方法解析一个表示某个日期的字符串,并返回从1970-1-1 00:00:00 UTC 到该日期对象(该日期对象的UTC时间)的毫秒数。然后,求两个时间差。这里也可以使用 getTime() 方法获取现在时和结束时距离的毫秒数。把时间差转换为天数、小时数、分钟数和秒数显示。主要是用%取
·
js怎么做倒计时,其实很简单。话不多说,直接上菜
使用 new Date() 获取当前时间, Date.parse()方法解析一个表示某个日期的字符串,并返回从1970-1-1 00:00:00 UTC 到该日期对象(该日期对象的UTC时间)的毫秒数。然后,求两个时间差。这里也可以使用 getTime() 方法获取现在时和结束时距离的毫秒数。
把时间差转换为天数、小时数、分钟数和秒数显示。主要是用%
取模运算。得到距离结束时间的毫秒数(剩余毫秒数),除以 1000 得到剩余秒数,再除以 60 得到剩余分钟数,再除以 60 得到剩余小时数。除以 24 得到剩余天数。剩余秒数 diff/1000 模 60 得到秒数,剩余分钟。数。diff/(1000 * 60) 模 60 得到分钟数,剩余小时数 diff/(1000 * 60 * 60) 模 24 得到小时数。
getPart(endTime) {
//获取当前时间戳并换算为秒做单位
const current = Date.parse(new Date()) / 1000
//时间戳相差多少秒
let diff = endTime - current
//判断是否过时
if (diff > 0) {
let d = Math.floor(diff / (3600 * 24)) //获取天数
let h = Math.floor((diff % (3600 * 24)) / (60 * 60)) //获取时
let m = Math.floor(((diff % (3600 * 24)) % (60 * 60)) / 60) //获取分
let s = Math.floor(diff % 60) //获取秒
d = d < 10? "0" + d : d;
h = h < 10? "0" + h : h;
m = m < 10? "0" + m : m;
s = s < 10? "0" + s : s;
let _diffData = [d, h, m, s]
} else {
let _diffData = ["00", "00", "00","00"];
return _diffData;
setInterval(getPart(), 1000);
对倒计时进行封装,可以使用setInterval()方法对函数调用就可以实现倒计时了。
如果想停掉倒计时则用clearInterval()方法就可以了。
描述如有错误,欢迎指正!
更多推荐
已为社区贡献3条内容
所有评论(0)