小程序中,,许多都要使用倒计时插件,,好比秒杀功效,,好比验证码倒计时,,那么下面为各人介绍小程序倒计时的插件。。。。

介绍:
用于在微信小程序中举行倒计时的组件。。。。
功效:
1、最基础的虽然就是倒计时功效了。。。。
2、可以设置倒计时竣事后执行的事务。。。。
3、可以设置倒计时执行历程中每隔几多秒,,执行一次对应的事务。。。。
在JS中挪用
1.在目今js引入
timer = require('../../plug/wxTimer.js')
2.在全局app.js引入
app.js
globalData: {
userInfo: null,
timer: require('/plug/wxTimer.js')
}
目今js
var app = getApp().globalData,
timer = app.timer;
最简朴的挪用方式:
var wxTimer = new timer({
beginTime:"00:00:10"
})
wxTimer.start(this);
wxTimer.stop();
开启多个计时
//开启第一个准时器
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);
倒计时竣事后执行事务
var wxTimer = new timer({
beginTime:"00:00:10",
complete:function(){
console.log("完成了")
}
})
wxTimer.start(this);
距离执行事务
var wxTimer = new timer({
beginTime:"00:00:10",
complete:function(){
console.log("完成了")
},
interval:2,
intervalFn:function(){
console.log("已往了2秒");
}
})
校准时间
wxTimer.calibration();
竣事计时
wxTimer.stop();
在wxml中引用
单个计时器:
显示剩余时间:{{wxTimer}}
显示剩余秒数:{{wxTimerSecond}}
多个计时器:
显示计时器1的剩余时间:{{wxTimerList['wxTimer1'].wxTimer}}
显示计时器2的剩余时间:{{wxTimerList['wxTimer2'].wxTimer}}
显示计时器1的剩余秒数:{{wxTimerList['wxTimer1'].wxTimerSecond}}
显示计时器2的剩余秒数:{{wxTimerList['wxTimer2'].wxTimerSecond}}
注重:
1、由于内部需要挪用到小程序的setData要领,,以是我们需要把this传已往。。。。
2、此要体会在page中天生一个名为wxTimer,,wxTimerSecond和wxTimerList的数据,,请包管这些key没有被占用 3、请在data中添加一条属性wxTimerList:{},否则将会报错。。。。
其他参数:
1、beginTime 需要倒计时的时间,,好比:"01:11:12",,默认值为"00:00:00",,也可以省略秒数,,如:"01:10"
2、complete 倒计时归零0时的回调函数,,若是为beginTime = "00:00:00"则连忙挪用
3、interval 倒计时的历程中,,划定每隔几秒执行一次intervalFn,,若是为0则永远不会执行,,默以为1
4、intervalFn 每隔interval秒执行一次的函数。。。。
KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。KESION 一直通过手艺立异,,提供产品和服务,,助力企业向数字化转型,,通过科技驱动商业刷新,,让商业变得更智慧!
倒计时功效是一个较量常见的功效,,好比用户获取验证码就需要用到。。。。这里纪录一下在微信小程序内里倒计时功效的简质朴现...
近期,,贝贝集团在年会上宣布2018年战略妄想,,将周全聚焦母婴消耗的入口,,2017年贝贝拼团小程序用户突破5000万,,电商零售小程序跃居TOP2的好效果。。。。...