Heim > Artikel > WeChat-Applet > 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='{{disabled}}' 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: '重新发送', 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:
Ü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!