第微信小程序?qū)崿F(xiàn)獲取手機(jī)號60s倒計(jì)時(shí)本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)獲取手機(jī)號60s倒計(jì)時(shí)的具體代碼，供大家參考，具體內(nèi)容如下

1.效果：點(diǎn)擊獲取》60s倒計(jì)時(shí)》重新獲取

2.wxml

view

view手機(jī)號/view

inputname='phone'placeholder="請輸入新手機(jī)號"

value="{{phone}}"type="number"bindinput="inputBindPhone"/input

/view

view

view驗(yàn)證碼/view

inputname='code'placeholder="請輸入驗(yàn)證碼"value="{[code]}"type="number"bindinput="inputBindCode"/input

buttonclass="cu-btnshadow{{disabled'':'bg-blue'}}"

bindtap='sendRegistCode'{{time}}/button

/view

3.js

Page({

/**

*頁面的初始數(shù)據(jù)

*/

data:{

disabled:false,

time:'點(diǎn)擊獲取',

currentTime:60,

phone:'',

code:'',

//新手機(jī)號

inputBindPhone:function(e){

console.log(e.detail.value)

this.setData({

phone:e.detail.value

})

//驗(yàn)證碼

inputBindCode:function(e){

console.log(e.detail.value)

this.setData({

code:e.detail.value

})

sendRegistCode:function(e){

varthat=this;

varcurrentTime=that.data.currentTime;

varinterval;

that.setData({

time:currentTime+'s',

disabled:true,

})

interval=setInterval(function(){

that.setData({

time:(currentTime-1)+'s'

})

currentTime--;

if(currentTime=0){

clearInterval(interval)

that.setData({

time:'重新獲取',

currentTime:60,

disabled:false

})

}

},1000)

formSubmit:function(e){

varthat=this,

value=e.detail.value,

formId=e.detail.formId;

//value.phone=this.data.phone

//value.code=this.data.code

varmPattern=/^1[3-9]\d{9}$/;//手機(jī)號碼

varauthReg=/^\d{4}$/;//4位純數(shù)字驗(yàn)證碼

varnotempty=/^\\S+$/;//非空

if(this.data.phone==''||this.data.phone==undefined){

returnwx.showToast({

title:'請輸入手機(jī)號碼',

icon:'none'

})

}elseif(!mPattern.test(this.data.phone)){

returnwx.showToast({

title:'請輸入正確的手機(jī)號碼',

icon:'none'

})

}else{

value.phone=this.data.phone

console.log('value.phone',value.phone)

}

if(value.code==''||value.code==undefined){

returnwx.showToast({

icon:'none',

title:'請輸入驗(yàn)證碼',

});

}elseif(!authReg.test(this.data.code)){

returnwx.showToast({

title:'請輸入正確的驗(yàn)證碼',

icon:'none'

})

}else{

value.code=this.data.code

console.log('value.code',value.code)

}

wx.showToast({

title:'提交成功',

icon:'success',

duration:2000,

success:function(){

console.l