js倒计时函数封装

来源:网络 文章列表 2019-05-10 8
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)

一秒钟执行一次。

 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论

友情链接