Explication détaillée de l'implémentation jQuery de la fonction timer

Cette fois, je vais vous apporter une explication détaillée de jQuery implémentation de la fonction timer Quelles sont les précautions pour implémenter la fonction timer avec jQuery Voici un cas pratique, jetons un coup d'oeil.

Au cours du processus d'écriture du projet, j'ai rencontré l'exigence commerciale selon laquelle le front-end doit envoyer le code de vérification dans les 60 secondes, j'ai donc utilisé la fonction de minuterie :

setInterval(functionxxx(){
   //业务逻辑
},隔多少时间执行一次)

Idée de timing de 60 secondes :

1. Définir les secondes : 60s
2. Définir le contenu : changement en temps réel, secondes + contenu
3. Après la fin : supprimer la désactivation du bouton et restaurer le contenu à son original état

//计时器60秒
functiontimeInterval(){
  $("#code_send_btn").html("60秒后重新获取邮箱验证码");
  vartimeSec = 59;
  vartimeStr ='';
  varcodeTime = setInterval(functionInternal(){
    if(timeSec == 0){
      $("#code_send_btn").html("获取邮箱注册码");
      $("#code_send_btn").removeAttr("disabled","disabled");
      clearInterval(codeTime);
      return;
    }
    timeStr ="("+timeSec+")获取邮箱注册码";
    $("#code_send_btn").html(timeStr);
    timeSec--;
  },1000);
}

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment modifier des images de toile

Comment configurer js pour interdire la soumission répétée de formulaires

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!