Heim  >  Artikel  >  WeChat-Applet  >  WeChat-Applet-Bestätigungscode, um die Codefreigabe für den Countdown-Effekt zu erhalten

WeChat-Applet-Bestätigungscode, um die Codefreigabe für den Countdown-Effekt zu erhalten

小云云
小云云Original
2018-05-11 14:12:222805Durchsuche

Dieser Artikel stellt Ihnen hauptsächlich den Countdown-Effekt des WeChat-Applets vor, um den Bestätigungscode zu erhalten. Ich hoffe, dass er allen helfen kann.

wxml

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

js

var interval = null //倒计时函数
Page({
 data: {
 date:&#39;请选择日期&#39;,
 fun_id:2,
 time: &#39;获取验证码&#39;, //倒计时 
 currentTime:61
 }, 
 getCode: function (options){
 var that = this;
 var currentTime = that.data.currentTime
 interval = setInterval(function () {
  currentTime--;
  that.setData({
  time: currentTime+&#39;秒&#39;
  })
  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
 })
 },

})

Verwandte Empfehlungen:

Canvas Wunderschönes Countdown-Implementierungscode-Sharing

So implementieren Sie die Countdown-Funktion für zeitlich begrenzte Verkäufe

JQuery-Countdown-Applet-Implementierungscode


Das obige ist der detaillierte Inhalt vonWeChat-Applet-Bestätigungscode, um die Codefreigabe für den Countdown-Effekt zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn