微信小程序-倒计时

1/

var timer = null;

        var t = videoArr[i].aswTime;

        // console.log('答题时长:',t)

        var m = 0;

        var s = 0;

        m = Math.floor(t / 60 % 60);

        m < 10 && (m = '0' + m);

        s = Math.floor(t % 60);

        function countDown() {

          s--;

          s < 10 && (s = '0' + s);

          if (s.length >= 3) {

            s = 59;

            m = "0" + (Number(m) - 1);

          }

          if (m.length >= 3) {

            m = '00';

            s = '00';

            clearInterval(timer);

          }

          console.log(m + "分钟" + s + "秒");

2/

page({

data:{

nextTimer: '',//5s定时器名字

countDownNum: '5',//倒计时初始值

}

})

//在你需要用到的地方,调用

this.countDown()


//倒计时函数

  countDown: function () {

    let that = this;

    that.setData({

      countDownNum: '5'

    })

    let countDownNum = that.data.countDownNum;//获取倒计时初始值

    //如果将定时器设置在外面,那么用户就看不到countDownNum的数值动态变化,所以要把定时器存进data里面

    that.setData({

      nextTimer: setInterval(function () {//这里把setInterval赋值给变量名为timer的变量

        //每隔一秒countDownNum就减一,实现同步

        countDownNum--;

        that.setData({

          countDownNum: countDownNum

        })

        if (countDownNum == 0) {

          clearInterval(that.data.nextTimer);

        }

      }, 1000)

    })

  },

拓展:

可参考js实现动态倒计时功能详解(天数、时、分、秒) - 吉帅振博客 - CSDN博客

你可能感兴趣的:(微信小程序-倒计时)