咫尺论坛 › 微信小程序开发教程 › 微信小程序定时器组件（输入时间字符串即可倒计时）

cyk 发表于 2017-1-19 16:25:18

微信小程序定时器组件（输入时间字符串即可倒计时）

微信小程序定时器组件（输入时间字符串即可倒计时）

用法：

引入：
var timer = require('../../plugins/wxTimer.js');
最简单的调用方式：
timer.wxTimer.call(this);
其他参数：
1、beginTime    需要倒计时的时间，比如："01:11:12"，默认值为"00:00:00"

2、fn                倒计时归零0时的回调函数，如果为beginTime = "00:00:00"则立即调用

3、interval      倒计时的过程中，规定每隔几秒执行一次intervalFn，如果为0则永远不会执行，默认为1

4、intervalFn    每隔interval秒执行一次的函数。



注意：使用此组件，会在page的data中创建一个名为wxTimer的key，如果需要在wxml中引用倒计时的数据直接{{wxTimer}}即可

小程序中用法示例：

js部分：
var wxTimer = require('../../plugins/wxTimer.js');
Page({
   data: {
},
onLoad: function () {
   wxTimer.wxTimer.call(this,"00:10:01",function(){
         console.log("完成");
   },5,function(){
       var that = this;
      wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function(res) {
          that.setData({
            latitude : res.latitude,
            longitude : res.longitude,
          })
      }
      })
    }.bind(this));
}
})

wxml部分：
<text>{{wxTimer}}</text>

附件下载：
**** Hidden Message *****

MarkSC 发表于 2018-5-20 01:20:41

想知道wxTimer.js怎么写的{:3_45:}

gengshunrong 发表于 2017-2-5 15:08:09

啥也不说了，感谢楼主分享哇！

li71530 发表于 2017-2-12 07:27:06

嘻嘻，嘻嘻，谢谢分享

ZZB至尊宝 发表于 2017-3-6 14:22:24

啥也不说了，感谢楼主分享哇！

Ywenli 发表于 2017-8-21 09:42:20

感谢分享

艾特新媒体1505186070 发表于 2017-11-10 10:24:59

啥也不说了，感谢楼主分享哇！

王洪雨 发表于 2017-12-5 10:42:51

谢谢楼主 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

ioio_ioio 发表于 2019-8-25 23:07:16

:):):):):):):):):):):):):):):)

jack56846 发表于 2020-4-3 14:59:19

我有流量，你有产品，我们就可以合作，有意的个人开发者朋友可以联系微信号jim20180688，详聊

查看完整版本: 微信小程序定时器组件（输入时间字符串即可倒计时）