En este artículo, vamos a aprender cómo podemos borrar setInterval sin conocer su ID usando jQuery. En primer lugar, comprendamos brevemente acerca de setInterval . Este método se usa para ejecutar cualquier función específica o alguna sección de código en un período de tiempo particular para que no tengamos que usar eso una y otra vez. Cuando usamos setInterval también estamos obligados a usar el método de intervalo claro, de lo contrario, ese setInterval ejecutará su código hasta que la memoria se quede sin espacio.
Sintaxis:
var ID = setInterval(function, <delay>);
Cuando usamos la sintaxis superior, la ID devuelve un valor entero que se llama IDof setInterval , y este valor se usará para borrar setInterval . Ahora vamos a ver dos ejemplos en los que vamos a borrar el setInterval usando ID y sin saber el id del setInterval , ese es el propósito principal de este artículo.
Enfoque: cuando usamos el método setinterval , generó automáticamente una identificación, ya que no sabemos qué es, por lo que usaremos un método de bucle general para borrar el intervalo, ejecutaremos un bucle desde 0 hasta un cierto número largo, por lo que que cada intervalo contiene entre eso será claro. Vea el Ejemplo 2, a continuación.
Ejemplo 1: En este ejemplo, usaremos el método setInterval para imprimir el conteo y borraremos el intervalo usando la ID.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script src=
"https://code.jquery.com/jquery-3.3.1.min.js"
integrity=
"sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
</head>
<style>
#count{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
</style>
<body>
<div id="count">
<h1 style="color: green;">GeeksforGeeks</h1>
</div>
</body>
<script>
$(document).ready(function () {
var count = 0;
var id = setInterval(function () {
count++;
$('#count').append(count + '<br>');
// clearing the interval
if(count == 5) {
clearInterval(id);
}
}, 500);
});
</script>
</html>
Producción:
Ejemplo 2: En este ejemplo, no usaremos ID para borrar el intervalo, usaremos clear interval y recorreremos todos los ID posibles del intervalo, veamos el ejemplo para una mejor comprensión.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script src=
"https://code.jquery.com/jquery-3.3.1.min.js"
integrity=
"sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
</head>
<style>
#count {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
</style>
<body>
<div id="count">
<h1 style="color: green;">GeeksforGeeks</h1>
<button id="clear">ClearIntervals</button>
</div>
</body>
<script>
$(document).ready(function () {
var count = 0;
var id = setInterval(function () {
count++;
$('#count').append(count + '<br>');
}, 500);
$('#clear').click(function () {
for (var i = 1; i < 99999; i++)
clearInterval(i);
});
});
</script>
</html>
Producción:
