Comment implémenter le code de vérification pour obtenir un effet de compte à rebours via l'applet WeChat

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 est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles associés :

Nouvelles fonctionnalités de la version webpack 4.0.0-beta.0 (tutoriel détaillé)

dans vue2.0 composant Comment implémenter le transfert de valeur et la communication dans

Implémenter la pagination dans vue.js Cliquez sur le numéro de page pour modifier le contenu de la page

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!