js倒计时函数封装
js倒计时函数封装,返回天、时、分、秒
在前端开发中,经常会做一些活动啊,有活动就经常会出现倒计时,这时候,我们就经常性的需要一个js倒计时功能。
js倒计时功能,就需要用到js时间戳,我们需要获取当前时间的时间戳和结束时间的时间戳,进行相减,算出剩余时间
/**
* [limitFormatTime js倒计时函数]
* @param {[type]} date [2019.05.09 20:10:10]
* @return {[type]} [description]
*/
function limitFormatTime(date) {
// 日期格式为
date = date.replace(/\./g,'/');
var timestamp = (new Date(date)).valueOf();
var nowstr = (new Date()).valueOf();
var chazhi = (timestamp - nowstr)/1000;
if (chazhi < 0) {
chazhi = 0;
}
var d = Math.floor(chazhi / 3600 / 24),
h = Math.floor((chazhi / 3600) % 24),
m = Math.floor((chazhi % 3600) / 60),
s = Math.floor((chazhi % 3600) % 60);
if (h < 10) {
h = "0" + h;
}
if (m < 10) {
m = "0" + m;
}
if (s < 10) {
s = "0" + s;
}
return {
d: d, // 天
h: h, // 时
m: m // 分
s: s // 秒
}
}
返回的是时分秒,另外我们还需要加一个定时器,
setInterval(limitFormatTime(), 1000)
一秒钟执行一次。
版权声明
本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。
评论