El método SetInterval () llamará a la función continuamente hasta que se llame ClearInterval () o la ventana está cerrada. El valor de ID devuelto por setInterval () se puede usar como parámetro para el método ClearInterval ().
Uso de setInterval ()
setInterval (código, milisec [, "lang"])
El siguiente código de parámetros es su código JS, Millisec es el intervalo de tiempo, medido en milisegundos
La copia del código es la siguiente:
<Body>
<div id = "content" style = "posición: relativo; altura: 1000px; ancho: 1000px; fondo de fondo:#666;">
<div id = "One" Style = "Posición: Absolute; Top: 0px; Izquierda: 0px; Altura: 100px; Ancho: 100px; Color de fondo: rojo;"> </div>
</div>
<script>
var uno = document.getElementById ('one')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
función scroll () {
x+= xs;
y+= ys;
if (x> = document.getElementById ('content'). offsetWidth-one.offsetWidth-20 || x <= 0)
{
xs = -1*xs;
}
if (y> = document.getElementById ('Content'). Offsetheight- One.OffSetheight-20 || y <= 0)
{
ys = -1*ys;
}
One.style.left = x;
One.style.top = y;
}
dt = setInterval (scroll, 100);
One.onmouseover = function () {
ClearInterval (DT);
};
One.onmouseout = function () {
dt = setInterval (scroll, 100);
};
</script>
</body>
Aquí hay un ejemplo simple.
Ejemplo 1
La copia del código es la siguiente:
función show () {traza ("Mostraré cada segundo");}
var sh; sh = setInterval (show, 1000);
ClearInterval (sh);
Ejemplo 2
La copia del código es la siguiente:
<form>
<input type = "text" id = "reloj" size = "35" />
<Script Language = JavaScript>
var int = self.setinterval ("clock ()", 50)
función clock () {var t = new Date ()
document.getElementById ("reloj"). valor = t
}
</script>
</form>
<div id = "reloj"> </div>
<Button onClick = "int = Window.ClearInterval (int)"> Intervalo de detención </botón>