Este artículo describe el método para establecer el intervalo de tiempo entre dos clics consecutivos en JavaScript, y se comparte con usted para su referencia. El método de implementación específico es el siguiente:
Muchas veces en las aplicaciones reales, es posible que no queramos que el botón se haga clic sin traminar, por lo que tenemos que limitar un cierto intervalo de tiempo para hacer clic nuevamente en el botón. Presentemos cómo implementar esta función a través de ejemplos de código. El código es el siguiente:
Copie el código de la siguiente manera: <! DocType Html>
<html>
<Evista>
<meta charset = "utf-8">
<meta name = "autor" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<script type = "text/javaScript">
window.onload = function () {
var odiv = document.getElementById ("thediv");
var obt = document.getElementById ("bt");
Var Count = 0;
var flag = null;
función dada () {
if (count == 0) {
ClearInterval (bandera);
}
demás{
count = count-1;
}
}
oBT.OnClick = function () {
var val = parseInt (odiv.innerhtml);
if (count == 0) {
odiv.innerhtml = val+1;
recuento = 20;
flag = setInterval (hecho, 1000);
}
demás{
alerta ("también requiere"+(contar)+"segundos para hacer clic");
}
}
}
</script>
</ablo>
<Body>
<div id = "thediv"> 0 </div>
<input type = "botón" id = "bt" value = "Efecto de vista"/>
</body>
</html>
El código anterior implementa nuestros requisitos y puede limitar la hora de intervalo de los botones de clic. Este efecto puede extenderse a otras funciones, como limitar el tiempo de intervalo de publicación, etc., introduzcamos su proceso de implementación a continuación.
Los comentarios del código son los siguientes:
1.Window.Onload = function () {}, que especifica que el código en la función se ejecutará después de cargar el contenido del documento.
2.Var odiv = document.getElementById ("thediv"), obtenga el objeto del elemento div.
3.var obt = document.getElementById ("bt"), obtenga el objeto de botón.
4.Var Count = 0, declare una variable y asigne el valor inicial a 0, que se utiliza para almacenar el tiempo de intervalo.
5.Var Flag = NULL, declare una variable y asigne el valor inicial a NULL, esta variable se utiliza para almacenar el valor de retorno de la función de temporizador.
6.Función realizada () {}, esta función puede ser llamada continuamente por la función del temporizador para disminuir el recuento.
7.If (count == 0) {ClearInterval (Flag);}, si Count == 0, se detiene la ejecución de la función del temporizador.
8.Else {Count = Count-1;}, si no es igual a 0, realice la operación de disminución.
9.obt.onclick = function () {}, registre la función de manejo de eventos de clic para el botón.
10.var val = parseint (odiv.innerhtml), obtenga el contenido en el DIV y conviértalo en un entero.
11.if (count == 0) {
odiv.innerhtml = val+1;
recuento = 20;
flag = setInterval (hecho, 1000);
}
Si el recuento es igual a 0, entonces +1 en el DIV, y establece el recuento a 20, y la ejecución de la función del temporizador se enciende.
12.Else {alert ("También requiere"+(contar)+"segundos para hacer clic");}, si el recuento no es igual a cero, ¿cuánto tiempo se tarda en hacer clic al aparecer?
Espero que este artículo sea útil para la programación de JavaScript de todos.