Maison  >  Article  >  Applet WeChat  >  Exemple pour expliquer la fonction de compte à rebours de l'applet WeChat

Exemple pour expliquer la fonction de compte à rebours de l'applet WeChat

小云云
小云云original
2018-05-15 15:37:275024parcourir

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.

  • La méthode countDown utilise également qu'elle est transmise pour utiliser la méthode setData pour mettre à jour la page lorsque l'état du compte à rebours change

  • Le champ de comptage est utilisé dans la méthode countDown pour déterminer si. le compte à rebours est déjà en cours pour éviter de recommencer le compte à rebours à plusieurs reprises

La fin du compte à rebours est jugée par décompte, et vous pouvez sortir directement par retour

Recommandations associées :


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn