微信小程序实现倒计时60获取验证码

微信小程序实现倒计时60获取验证码
本例为您分享微信倒计时小程序供您参考得到具体的代码,供大家参考,详情如下
1、工具类(工具类引用的WeChat程序)
countdown.js
班上倒数{
构造函数(选项= { })
object.assign(,{
选项,
})
这__init()。
}

*初始化
* /
__init(){
this.page = getcurrentpages(){ getcurrentpages()。长1 }
this.setdata = this.page.setdata.bind(本页)
This.restart(这个选项)
}

*默认参数
* /
将ALOM变量设置成默认值(){
返回{
戴特:` 2087年6月7日15:03:25 `,
刷新:1000,
偏移量:0,
OnEnd(){ },
渲染(日期){ },
}
}

*合并参数
* /
mergeoptions(选项){
const违约期权= this.setdefaults()
为了(让我在违约期权){
如果(defaultoptions.hasownproperty(I)){
这个选项{我} {我} = =类型选项`定义`选项{我} {我}:违约期权!
如果(我`日期this.options.date = = = `类型!=对象{
this.options.date =新的日期(这个选项的日期。)
}
如果(typeof这个选项{我} = `功能`){
这个选项。
}
}
}
如果(typeof this.options.date!=对象{
this.options.date =新的日期(这个选项的日期。)
}
}

*日期差的计算
* /
getdiffdate(){
让差异=(this.options.date.gettime()Date.now()+这个选项。偏移) / 1000
让datedata = { {
年数:0,
天数:0,
时间:0,
最小值:0,
SEC:0,
:0毫秒,
}
如果(差异< = 0){
如果(此区间){
This.stop()
This.options.onEnd()
}
返回datedata
}
如果(= =(365.25×86400)){
datedata.years = math.floor(差异/(365.25×86400))
差异= datedata.years * 365.25 * 86400
}
如果(差异> = 86400){
datedata.days = math.floor(diff / 86400)
差异= datedata.days * 86400
}
如果(差异> = 3600){
datedata.hours = math.floor(diff / 3600)
差异= datedata.hours * 3600
}
如果(差异> = 60){
datedata.min = math.floor(diff / 60)
差异= datedata.min * 60
}
datedata.sec = math.round(差异)
datedata.millisec =差异% 1 * 1000
返回datedata
}

*补零
* /
leadingzeros(num,长度= 2){
字符串(努姆)
如果(num.length >长度)返回num
返回(数组(长度+ 1)。加入(` 0 `)+ Num)。Substr(长)
}

*更新组件
* /
更新(newdate){
this.options.date = typeof newdate = ` `新对象!Date (newDate): newDate
This.render()
返回此
}

*停止倒计时
* /
停止(){
如果(此区间){
ClearInterval(这个区间)
this.interval =!一
}
返回此
}

*渲染组件
* /
渲染(){
This.options.render(this.getdiffdate())
返回此
}

*开始倒计时
* /
开始(){
如果(这个时间间隔)返回!一
This.render()
如果(此选项。刷新){
(setInterval)(this.interval = = > {
This.render()
},这个选项。刷新)
}
返回此
}

*更新偏移
* /
updateoffset(偏移){
this.options.offset =偏移
返回此
}

*重启进入倒计时
* /
重新启动(选项= { })
this.mergeoptions(选项)
this.interval =!一
This.start()
返回此
}
}
出口默认倒计时

2、部分wxml:
将C2 | |获取验证码} }

3部分JS:
进出wuxcountdown from'countdown /倒计时
出口{
wuxcountdown美元,
}
进口{ $ wuxcountdown }从'。 / / /无锡成分的。
Vcode:函数(){
如果(this.c2这。C2。间隔)返回!一
this.c2 =新wuxcountdown美元({
日期:+(新日期)+ 60000,
OnEnd(){
this.setdata({
C2:重新获得验证码,
})
},
渲染(日期){
const秒= this.leadingzeros(date.sec,2)+重发后的秒
Date.sec(this.setdata = = 0 {!
秒,
})
},
})
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

tag:验证码倒计时程序电脑软件微信小

相关内容