Maison  >  Article  >  interface Web  >  Implémentation du compte à rebours des boutons de message texte sur téléphone mobile basé sur les compétences JavaScript (super simple)_javascript

Implémentation du compte à rebours des boutons de message texte sur téléphone mobile basé sur les compétences JavaScript (super simple)_javascript

WBOY
WBOYoriginal
2016-05-16 15:22:421013parcourir

Sur les sites d'achat comme Taobao, nous verrons tous un bouton de compte à rebours pour envoyer des SMS. Comment est-il mis en œuvre ? Ci-dessous, je vais vous fournir un morceau de code très pratique.

Plus de bêtises, je vais juste poster le code js pour vous.

 /*
 120秒手机短信按钮倒计时
 */
 exports.sendmessage = function (name) {
  var second = 120;
  $(name).attr("disabled", true);
  var color = $(name).css('background-color');
  $(name).attr("style", "background-color : #c1c1c1");
  function update(num) {
   if (num == second) {
    $(name).attr("style", "background-color : "+color);
    $(name).text("获取验证码");
    $(name).attr("disabled", false);
   }
   else {
    var printnr = second - num;
    $(name).text(printnr + "秒后获取");
   }
  }
  function uupdate(i) {
   return function () {
    update(i);
   }
  }
  for (var i = 1; i <= second; i++) {
   setTimeout(uupdate(i), i * 1000);
  }
 }

Le code ci-dessus est la description complète de l'implémentation JavaScript du compte à rebours des boutons de message texte du téléphone mobile présentée dans cet article. J'espère qu'il vous plaira.

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