微信小程序倒计时组件更新,加入多计时器功能

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

                                   //开启第一个定时器
var wxTimer1 = new timer({
    beginTime:"00:00:10",
    name:'wxTimer1',
    complete:function(){
        console.log("完成了")
    }
})
wxTimer1.start(this);
 
//开启第二个定时器
var wxTimer2 = new timer({
    beginTime:"00:01:11",
    name:'wxTimer2',
    complete:function(){
        console.log("完成了")
    }
})
wxTimer2.start(this);

WXML中引用:
< view>显示计时器1的剩余时间:{{wxTimerList['wxTimer1'].wxTimer}}< /view>
< view>显示计时器2的剩余时间:{{wxTimerList['wxTimer2'].wxTimer}}< /view>
< view>显示计时器1的剩余秒数:{{wxTimerList['wxTimer1'].wxTimerSecond}}< /view>
< view>显示计时器2的剩余秒数:{{wxTimerList['wxTimer2'].wxTimerSecond}}< /view>