Das WeChat-Applet implementiert den Countdown-Effekt zum Erhalten des Bestätigungscodes

In diesem Artikel wird hauptsächlich der Countdown-Effekt des WeChat-Applets zum Erhalten des Bestätigungscodes ausführlich vorgestellt. Er hat einen bestimmten Referenzwert.

Das Beispiel in diesem Artikel wird mit allen auf WeChat geteilt. Der spezifische Code des Applets zum Erreichen des Countdown-Effekts des Bestätigungscodes dient als Referenz. Der spezifische Inhalt lautet wie folgt:

wxml

<button disabled=&#39;{{disabled}}&#39; data-id="2" bindtap="getVerificationCode">
{{time}}
</button>

js

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
 })
 },

})

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe es Wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte Bitte beachten Sie die chinesische PHP-Website!

Verwandte Empfehlungen:

Das WeChat-Applet implementiert einen Countdown, um die automatische Fotoaufnahmefunktion der Kamera aufzurufen

Über den Selektor von WeChat Applet-Analyse von (Zeit, Datum, Region)

Die Wirkung des WeChat-Applets, das den Projekt-Countdown dynamisch anzeigt

Das obige ist der detaillierte Inhalt vonDas WeChat-Applet implementiert den Countdown-Effekt zum Erhalten des Bestätigungscodes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!