Maison >Applet WeChat >Développement de mini-programmes >Exemple pour expliquer la fonction de compte à rebours de l'applet WeChat
Le développement WeChat devient de plus en plus populaire maintenant. La fonction de compte à rebours est une fonction relativement courante, par exemple, les utilisateurs doivent l'utiliser pour obtenir des codes de vérification. La fonction de compte à rebours est souvent utilisée dans le développement de projets. Aujourd'hui, je vais vous présenter le code d'implémentation de la fonction de compte à rebours dans l'applet WeChat. Les amis qui en ont besoin peuvent s'y référer.
Regardons simplement le code
//倒计时60秒 function countDown(that,count) { if (count == 0) { that.setData({ timeCountDownTop: '获取验证码', counting:false }) return; } that.setData({ counting:true, timeCountDownTop: count + '秒后重新获取', }) setTimeout(function(){ count--; countDown(that, count); }, 1000); }
Appel où le compte à rebours est nécessaire
Page({ data:{ counting:false }, //生成验证码 generateVerifyCode:function() { var that = this; if (!that.data.counting) { wx.showToast({ title: '验证码已发送', }) //开始倒计时60秒 countDown(that, 60); } }, })
Ce qui suit est une brève introduction à la mise en œuvre de la fonction
Premier compte à rebours La méthode est écrite en dehors de la page. Ne vous trompez pas
La clé pour implémenter le compte à rebours est la méthode setTimeout, qui est le code suivant. La méthode setTimeout peut définir une fonction à exécuter à un intervalle de temps spécifié. Le format appliqué est setTimeout(function(), time), function est la méthode à exécuter et time est l'intervalle de temps. Le 1000 signifie ici 1000 millisecondes, c'est-à-dire que la méthode countDown est exécutée toutes les 1 seconde.
setTimeout(function(){ count--; countDown(that, count); }, 1000);
Dans la méthode countDown, le champ count est utilisé pour définir le temps du compte à rebours. Par exemple, voici 60 secondes.
Envoyer la fonction de compte à rebours du code de vérification lors de l'inscription via un téléphone mobile
Méthode de mise en œuvre du compte à rebours JavaScript
Produire une démo de compte à rebours basée sur la vue
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!