Comment définir l'intervalle de temps entre deux clics consécutifs sur un bouton dans les compétences javascript_javascript

L'exemple de cet article décrit comment définir l'intervalle de temps entre deux clics consécutifs sur un bouton en utilisant javascript. J'aimerais le partager avec vous pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Souvent, dans les applications réelles, nous ne souhaitons pas que le bouton soit cliqué en continu, nous devons donc limiter un certain intervalle de temps avant que le bouton puisse être cliqué à nouveau. Voici un exemple de code pour présenter comment implémenter cette fonction. . Le code est le suivant :

Copier le code Le code est le suivant :

Accueil du script

0

Le code ci-dessus répond à nos exigences et peut limiter l'intervalle entre les clics sur les boutons. Cet effet peut être étendu à d'autres fonctions, telles que la limitation de l'intervalle entre les publications, etc. Ce qui suit est une introduction à son processus de mise en œuvre.

Les commentaires du code sont les suivants :

1.window.onload=function(){}, qui stipule que le code de la fonction est exécuté une fois le contenu du document complètement chargé.
2.var odiv=document.getElementById("thediv"), récupère l'objet élément div.
3.var obt=document.getElementById("bt"), récupère l'objet bouton.
4.var count=0, déclarez une variable et attribuez la valeur initiale à 0, qui est utilisée pour stocker l'intervalle de temps.
5.var flag=null, déclarez une variable et attribuez la valeur initiale à null. Cette variable est utilisée pour stocker la valeur de retour de la fonction timer.
6. function done(){}, cette fonction peut être appelée en continu par la fonction timer pour décrémenter le décompte.
7.if(count==0){clearInterval(flag);}, si count==0, arrête l'exécution de la fonction timer.

8.else{count=count-1;}, s'il n'est pas égal à 0, effectuez une opération de soustraction. 9.obt.onclick=function(){}, enregistrez la fonction de traitement des événements de clic pour le bouton.

10.var val=parseInt(odiv.innerHTML), récupérez le contenu du div et convertissez-le en entier.

11.if(count==0){

odiv.innerHTML=val 1;

compte=20;

flag=setInterval(done,1000);
>
Si le compte est égal à 0, ajoutez le contenu du div à 1, définissez le compte sur 20 et démarrez l'exécution de la fonction de minuterie en même temps.
12.else{alert("Il faut encore" (count) "secondes pour cliquer");}, si le nombre n'est pas égal à zéro, combien de temps faudra-t-il avant de pouvoir cliquer sur la fenêtre contextuelle.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.