找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序wxTimer更新,加入多计时器功能。

作者:模板之家 2018-4-16 11:44 2512人关注

之前的更新帖:地址, github地址: github, 更新内容:增加了同一个页面开启多个计时器的功能,通过wxTimerList数组维护。 用法: //开启第一个定时器 var wxTimer1 = new timer({ beginTime:00:0

之前的更新帖:地址, 
github地址:github, 
更新内容:增加了同一个页面开启多个计时器的功能,通过wxTimerList数组维护。 
用法:

 

  1. //开启第一个定时器
  2.  
  3. var wxTimer1 = new timer({
  4.  
  5. beginTime:"00:00:10",
  6.  
  7. name:'wxTimer1',
  8.  
  9. complete:function(){
  10.  
  11. console.log("完成了")
  12.  
  13. }
  14.  
  15. })
  16.  
  17. wxTimer1.start(this);
  18.  
  19.  
  20.  
  21. //开启第二个定时器
  22.  
  23. var wxTimer2 = new timer({
  24.  
  25. beginTime:"00:01:11",
  26.  
  27. name:'wxTimer2',
  28.  
  29. complete:function(){
  30.  
  31. console.log("完成了")
  32.  
  33. }
  34.  
  35. })
  36.  
  37. wxTimer2.start(this);

WXML中引用:

 

  1. <view>显示计时器1的剩余时间:{{wxTimerList['wxTimer1'].wxTimer}}</view>
  2.  
  3. <view>显示计时器2的剩余时间:{{wxTimerList['wxTimer2'].wxTimer}}</view>
  4.  
  5. <view>显示计时器1的剩余秒数:{{wxTimerList['wxTimer1'].wxTimerSecond}}</view>
  6.  
  7. <view>显示计时器2的剩余秒数:{{wxTimerList['wxTimer2'].wxTimerSecond}}</view>
  8.  

路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)