ホームページ > WeChat アプレット > ミニプログラム開発 > ミニ プログラム: クリック カウントダウンを実装するコード

ミニ プログラム: クリック カウントダウンを実装するコード

不言
リリース: 2018-08-10 15:44:02
オリジナル
3117 人が閲覧しました

この記事の内容はミニプログラムに関するものです。クリックカウントダウンを実装するコードは、必要な場合に参考にしていただければ幸いです。

var interval = null //倒计时函数
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: &#39;重新发送&#39;,
          currentTime:61,
          disabled: false   
        })
      }
    }, 100)  
  },
  getVerificationCode(){
    this.getCode();
    var that = this
    that.setData({
      disabled:true
    })
  },

})
ログイン後にコピー
<button disabled=&#39;{{disabled}}&#39; data-id="2" bindtap="getVerificationCode">
{{time}}
</button>
ログイン後にコピー

関連する推奨事項:

ミニ プログラム コンポーネント: チャット セッション コンポーネントの概要 (コード付き)

ミニ プログラムとバックグラウンド間の対話の実装 (コード付き)

以上がミニ プログラム: クリック カウントダウンを実装するコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート