收藏
回答

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

问题模块
API和组件


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

最后一次编辑于  2017-11-13
回答关注问题邀请回答
收藏

7 个回答

  • 吴森
    吴森
    2017-11-15

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

    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)
      },


    2017-11-15
    赞同
    回复
  • 00
    00
    2017-11-14

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


    2017-11-14
    赞同
    回复
  • 吴森
    吴森
    2017-11-14

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

    2017-11-14
    赞同
    回复
  • 00
    00
    2017-11-13

    需要包么


    2017-11-13
    赞同
    回复
  • 00
    00
    2017-11-13

    我怎么使用

    2017-11-13
    赞同
    回复
  • 00
    00
    2017-11-13

    ok,《::》

    2017-11-13
    赞同
    回复
  • 吴森
    吴森
    2017-11-13

    js定时器,setTimeout

    2017-11-13
    赞同
    回复