小程序/JS 实现计时器

 

<view>{{hour}}:{{minute}}:{{second}}</view>
<button bindtap="start">开始</button>
<button bindtap="stop">结束</button>
<button bindtap="reload">重置</button>

var timerInterval;

Page({
  //页面的初始数据
  data: {
    hour: '00',
    minute: '00',
    second: '00',
  },

  start() {
    let that = this;
    that.timer()
    return
  },

  stop() {
    clearInterval(timerInterval);
  },

  reload() {
    let that = this;
    that.setData({
      hour: '00',
      minute: '00',
      second: '00',
    })
  },

  timer() {
    const that = this;
    let hour = that.data.hour;
    let minute = that.data.minute;
    let second = that.data.second;
    timerInterval = setInterval(function () {
      second++;
      if (second >= 60) {
        that.setData({
          second: '00'
        })
        second = 0;
        minute++;
        if (minute >= 60) {
          that.setData({
            minute: '00'
          })
          minute = 0;
          hour++;
          that.setData({
            hour: hour < 10 ? '0' + hour : hour
          })
        } else {
          that.setData({
            minute: minute < 10 ? '0' + minute : minute
          })
        }
      } else {
        that.setData({
          second: second < 10 ? '0' + second : second
        })
      }
    }, 1000)
  },
})

OK.