JS 倒计时(微信小程序)

17 篇文章 0 订阅
17 篇文章 4 订阅

下面的例子是微信小程序的写法和web端的都是差不多的,只是显示在页面的写法不一样:

   var timer = null;

   /**
    * 倒计时
    * @param time 服务端传来的时间戳
    */
   function countdown(time) {
      var that = this;
      timer = setInterval(function () {
         var leftTime = time - new Date().getTime();

         //倒计时结束
         if (leftTime <= 1) {
            clearInterval(timer);
            that.setData({
               m: '00',
               s: '00',
               timer: null
            })
            return;
         }

         var leftSecond = parseInt(leftTime / 1000);
         var Day = Math.floor(leftSecond / (60 * 60 * 24)); //天数
         var Hour = Math.floor((leftSecond - Day * 24 * 60 * 60) / 3600); //小时
         var Minute = Math.floor((leftSecond - Day * 24 * 60 * 60 - Hour * 3600) / 60); //分钟
         var Second = Math.floor(leftSecond - Day * 24 * 60 * 60 - Hour * 3600 - Minute * 60); //秒数
         if (Minute >= 0 && Second >= 0) {
            that.setData({
               m: Minute < 10 ? '0' + Minute : Minute,
               s: Second < 10 ? '0' + Second : Second,
            })
         }
      }, 1000)
   },

大概的样子:

这边是只显示分秒的倒计时,如果想显示剩余几天几时几分几秒的,

可以把 Day Hour 的值赋值到data里显示到页面即可!

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值