微信小程序单个倒计时插件wxTimer的最简便使用实测有效-微信群倒计时编辑器-小程序倒计时功能-即速应用

微信小程序单个倒计时插件wxTimer的最简便使用实测有效-微信群倒计时编辑器-小程序倒计时功能

浏览量：3616 时间：2020-04-06 来源：善良美丽大方可爱真棒

1.
第一步下载wxTimer放置utils目录下下载链接：https://github.com/baqihg/wxTimer第二步在全局app.js文件中创建参数
timer:require('/utils/wxTimer.js')2.
第三步在需要的页面的.js文件中引入
timerrequire('../../utils/wxTimer.js')varappgetApp().globalData,timerapp.timer;3.
一定要注意放置最上方
4.
第四步在当前js文件中一定要加入参数wxTimerListdata:{wxTimerList:{}},
5.
第五步计时函数
varwxTimernewtimer({beginTime:"00:00:10"})wxTimer.start(this);wxTimer.stop();6.
以上的调用页面的数字不会更改，没有那种倒计时的效果
7.
以下的部分是跳转到首页，主要是去掉了插件wxTimer的stop()方法，可以使页面上的倒计时可以按秒倒计时
onLoad:function(){varthatthis;varwxTimernewtimer({beginTime:"00:00:10"})wxTimer.start(that);setTimeout(function(){wx.switchTab({url:'../../pages/index/index'});},10000)},8.
第六步在对应的wxml页面上添加以下代码，随便你放哪，只要你自己可以看到就行
view显示剩余时间：{{wxTimer}}/viewview显示剩余秒数：{{wxTimerSecond}}/view9.
以下是操作结果
10.
我这里的倒计时只借用了view{{wxTimerSecond}}/view