天时分秒倒计时

最新推荐文章于 2021-03-23 23:16:42 发布

小姚同志yao

最新推荐文章于 2021-03-23 23:16:42 发布

阅读量1k

点赞数 1

分类专栏：微信小程序文章标签： js倒计时

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript实现一个精确的倒计时功能，包括从接口获取结束时间，计算剩余时间，并实时更新页面显示，直至活动结束。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

忘记在哪里看到的，如果侵权，请联系我删除，谢谢

var currentTime = new Date().valueOf(); //获取当前时间的时间戳
var getTime = new Date(res.data.data.presellfinishtime).valueOf(); //从接口获取到的结束时间
var totalSecond = (getTime - currentTime) / 1000;

var interval = setInterval(function() {
    var second = totalSecond; // 秒数  

    var day = Math.floor(second / 3600 / 24); // 天数位  
    var dayStr = day.toString();
    if (dayStr.length == 1) dayStr = '0' + dayStr;

    var hr = Math.floor((second - day * 3600 * 24) / 3600); // 小时位  
    var hrStr = hr.toString();
    if (hrStr.length == 1) hrStr = '0' + hrStr;

    var min = Math.floor((second - day * 3600 * 24 - hr * 3600) / 60); // 分钟位  
    var minStr = min.toString();
    if (minStr.length == 1) minStr = '0' + minStr;

    var sec = second - day * 3600 * 24 - hr * 3600 - min * 60; // 秒位 
    var secStr = sec.toString();
    secStr = parseInt(secStr)
    if (secStr < 10) secStr = '0' + secStr;

    //赋值显示在页面中
    this.setData({
      countDownDay: dayStr,
      countDownHour: hrStr,
      countDownMinute: minStr,
      countDownSecond: secStr,
    });

    totalSecond--;
    if (totalSecond < 0) {
      clearInterval(interval);
      wx.showToast({
        title: '活动已结束',
        icon: 'none',
        duration: 1000
      });
      this.setData({
        countDownDay: '00',
        countDownHour: '00',
        countDownMinute: '00',
        countDownSecond: '00'
      });
    }
 }.bind(this), 1000);