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

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

用法：

引入：
[mw_shl_code=applescript,true]var timer = require('../../plugins/wxTimer.js');[/mw_shl_code]
最简单的调用方式：
[mw_shl_code=applescript,true]timer.wxTimer.call(this);[/mw_shl_code]
其他参数：
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部分：
[mw_shl_code=applescript,true]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));
  }
})[/mw_shl_code]

wxml部分：
[mw_shl_code=applescript,true]<text>{{wxTimer}}</text>[/mw_shl_code]

附件下载：

游客，如果您要查看本帖隐藏内容请回复

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

想知道wxTimer.js怎么写的

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，详聊

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

优秀版主