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
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.