番茄时钟的动态计时是怎么在小程序实现的,还有打卡选择时间怎么实现

发布于 8 年前作者 qxiao4381 次浏览最后编辑 8 年前来自 ask

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

7 回复
haofang
haofang1 楼6 年前

我怎么使用

zhangchao
zhangchao2 楼6 年前

ok,《::》

ping50
ping503 楼6 年前

需要包么

qiang79
qiang794 楼6 年前

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

yandai
yandai5 楼6 年前

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

yutao
yutao6 楼6 年前

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

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)
  },
jiehao
jiehao7 楼6 年前

js定时器,setTimeout