wxml

<view class="li-send" bindtap="onSend" wx:if="{{send}}">發(fā)送驗(yàn)證碼</view> <view class="li-send"wx:else>{{seconds}}s后發(fā)送</view>

wxss

/** * 頁(yè)面的初始數(shù)據(jù) */ data: {// 發(fā)送按鈕顯示send:true,// 當(dāng)前倒計(jì)時(shí)秒數(shù)seconds:"",// 總秒數(shù)max_seconds:59, },/** * 發(fā)送驗(yàn)證碼 */ onSend(){var that=this;// 獲取總秒數(shù)var seconds=this.data.max_seconds;this.setData({// 顯示倒計(jì)時(shí)send:false,// 設(shè)置秒數(shù)seconds:seconds,})// 設(shè)置定時(shí)器var t=setInterval(function(){// 如果秒數(shù)小于0if(seconds<=0){// 停止定時(shí)器clearInterval(t);that.setData({// 顯示發(fā)送按鈕send:true,})// 停止執(zhí)行return;}// 秒數(shù)減一seconds--;that.setData({// 更新當(dāng)前秒數(shù)seconds:seconds,})},1000) },

效果

總結(jié)

以上是生活随笔為你收集整理的微信小程序发送验证码60秒倒计时的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。