Cet article décrit la méthode de définition de l'intervalle de temps entre deux clics de bouton consécutifs en javascript et est partagé avec vous pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Plusieurs fois dans les applications réelles, nous ne voulons peut-être pas que le bouton soit cliqué sans interruption, nous devons donc limiter un certain intervalle de temps pour cliquer à nouveau sur le bouton. Introduisons comment implémenter cette fonction via des exemples de code. Le code est le suivant:
Copiez le code comme suit: <! Doctype html>
<html>
<adal>
<meta charset = "utf-8">
<meta name = "auteur" content = "// www.vevb.com/" />
<Title> Wulin.com </TITME>
<script type = "text / javascript">
window.onload = function () {
var odiv = document.getElementById ("theDiv");
var obt = document.getElementById ("bt");
Var Count = 0;
var flag = null;
fonction fait () {
if (count == 0) {
ClearInterval (drapeau);
}
autre{
Count = Count-1;
}
}
obt.onclick = function () {
var val = paSeInt (odiv.innerhtml);
if (count == 0) {
odiv.innerhtml = val + 1;
Count = 20;
Flag = setInterval (fait, 1000);
}
autre{
alert ("il nécessite également" + (count) + "secondes pour cliquer");
}
}
}
</cript>
</ head>
<body>
<div id = "thediv"> 0 </div>
<input type = "bouton" id = "bt" value = "effect de vue" />
</docy>
</html>
Le code ci-dessus implémente nos exigences et peut limiter l'intervalle de clics sur les boutons. Cet effet peut être étendu à d'autres fonctions, telles que la limitation de l'intervalle de publication, etc. Présentez son processus de mise en œuvre ci-dessous.
Les commentaires du code sont les suivants:
1.Window.onLoad = function () {}, qui spécifie que le code de la fonction sera exécuté après que le contenu du document soit complètement chargé.
2.Var odiv = document.getElementById ("theDiv"), obtenez l'objet DIV Element.
3.Var obt = document.getElementById ("bt"), obtenez 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.
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 temporaire.
6.Fonctionnement fait () {}, cette fonction peut être appelée en continu par la fonction temporaire pour diminuer le nombre.
7.if (count == 0) {ClearInterval (Flag);}, si le count == 0, l'exécution de la fonction de minuterie est arrêtée.
8.Else {count = count-1;}, s'il n'est pas égal à 0, effectuez l'opération de décrémentation.
9.obt.onclick = function () {}, enregistrez la fonction de gestion des événements de clic pour le bouton.
10.var val = parseInt (odiv.innerhtml), obtenez le contenu dans le div et convertissez-le en entier.
11.if (count == 0) {
odiv.innerhtml = val + 1;
Count = 20;
Flag = setInterval (fait, 1000);
}
Si le nombre est égal à 0, alors +1 dans le div, et définissez le nombre sur 20, et que l'exécution de la fonction temporaire est activée.
12.ELSE {alert ("Il faut aussi" + (count) + "secondes pour cliquer");}, si le nombre n'est pas égal à zéro, alors combien de temps faut-il pour cliquer lors de l'appartement?
J'espère que cet article sera utile à la programmation JavaScript de tous.