番茄时钟的动态计时是怎么在小程序实现的，还有打卡选择时间怎么实现
发布于 6 年前 作者 qxiao 4288 次浏览 来自 问答

番茄时钟的动态计时是怎么在小程序实现的，大神们帮我，

7 回复

我怎么使用

ok，《：：》

需要包么

那能在Wxml对应显示出时钟在走么

不需要啊，这是js的函数啊，网上搜一搜一大把

当然可以啊，大兄弟你在逗我吗？自己写个简单的试一下就知道了啊。

wxml：

<view>{{myTime}}</view>

js：

var startTime
 
data: {
    myTime: ''
},
 
onLoad: function (options) {
    startTime = new Date()//开始时间，可以从后台获取固定值
    this.myTiming()//触发计时器
},
 
//计时器
  myTiming: function () {
    var page = this
    var timeDif = new Date(new Date() - startTime)//当前时间差
    var secondesDif = timeDif.getSeconds()
    var minutesDif = timeDif.getMinutes()
    var hoursDif = timeDif.getHours() - 8
    var dayDif = timeDif.getDate()
    if (dayDif > 1) {
      hoursDif += 24 * (dayDif - 1)
    }
    page.setData({
      myTime: hoursDif + '小时' + minutesDif + '分' + secondesDif + '秒'
    })
    setTimeout(function () {
      page.myTiming()
    }, 1000)
  },

js定时器，setTimeout

回到顶部