L'applet WeChat réalise l'effet de compte à rebours pour obtenir le code de vérification

Cet article présente principalement l'effet de compte à rebours de l'applet WeChat pour obtenir le code de vérification en détail. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

L'exemple de cet article est partagé avec tout le monde sur WeChat. Le code spécifique de l'applet pour obtenir l'effet de compte à rebours du code de vérification est pour votre référence. Le contenu spécifique est le suivant

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

})

Ce qui précède représente l'intégralité du contenu de cet article .J'espère que cela sera utile à l'étude de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

L'applet WeChat implémente un compte à rebours pour appeler la fonction de prise de photo automatique de l'appareil photo

À propos du sélecteur de WeChat Analyse de l'applet de (heure, date, région)

L'effet de l'applet WeChat affichant dynamiquement le compte à rebours du projet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!