Maison >interface Web >js tutoriel >Comment mettre en œuvre un compte à rebours de 60 s pour les messages texte

Comment mettre en œuvre un compte à rebours de 60 s pour les messages texte

小云云
小云云original
2018-01-26 16:48:382106parcourir

Cet article partage principalement avec vous un exemple de code pour présenter en détail la fonction de JavaScript pour implémenter le compte à rebours des messages texte des années 60. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer. j'espère que cela pourra aider tout le monde.

Sans plus tarder, je publierai le code directement pour vous. Le code spécifique est le suivant


$(function(){
   //获取验证码
   var getCode = document.getElementById('getCode');
    var wait = 60;
    function time(btn){
      if (wait===0) {
        btn.removeAttribute("disabled");
        btn.innerHTML = "获取验证码";
        wait = 60;
      }else{
        btn.setAttribute("disabled",true);
        btn.innerHTML = wait + "秒后重试";
        wait--;
        setTimeout(function(){
          time(btn);
        },1000);
      }
    }
    getCode.onclick = function(){
      time(this);
    };
})

Recommandations associées :

Exemple d'analyse du compte à rebours des années 60 pour obtenir le code de vérification dans l'applet WeChat

Code de compte à rebours anti-rafraîchissement js Code de compte à rebours js

Comment implémenter le compte à rebours et l'effet d'actualisation des pages jQuery


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