溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

小程序怎樣實現(xiàn)點擊倒計時

發(fā)布時間:2021-01-28 13:01:42 來源:億速云 閱讀:138 作者:小新 欄目:移動開發(fā)

這篇文章主要介紹小程序怎樣實現(xiàn)點擊倒計時,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

小程序?qū)崿F(xiàn)點擊倒計時的代碼

var interval = null //倒計時函數(shù)
Page({
  data: {
    date:'請選擇日期',
    fun_id:2,
    time: '獲取驗證碼', //倒計時 
    currentTime:61
  }, 
  getCode: function (options){
    var that = this;
    var currentTime = that.data.currentTime
    interval = setInterval(function () {
      currentTime--;
      that.setData({
        time: currentTime+'秒'
      })
      if (currentTime <= 0) {
        clearInterval(interval)
        that.setData({
          time: '重新發(fā)送',
          currentTime:61,
          disabled: false   
        })
      }
    }, 100)  
  },
  getVerificationCode(){
    this.getCode();
    var that = this
    that.setData({
      disabled:true
    })
  },

})
<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">
{{time}}
</button>

以上是“小程序怎樣實現(xiàn)點擊倒計時”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI