O método setInterval () chamará a função continuamente até que o ClearInterval () seja chamado ou a janela seja fechada. O valor de identificação retornado por setInterval () pode ser usado como um parâmetro para o método clearInterval ().
SetInterval () Uso
setInterval (código, milisec [, "Lang"]))
Os dois seguintes parâmetros código são o seu código JS, Millisec é o intervalo de tempo, medido em milissegundos
A cópia do código é a seguinte:
<Body>
<div id = "content" style = "posição: relativa; altura: 1000px; largura: 1000px; cor de fundo:#666;">
<div id = "One" style = "Posição: Absoluto; topo: 0px; esquerda: 0px; altura: 100px; largura: 100px; cor de fundo: vermelho;"> </div>
</div>
<Cript>
var one = document.getElementById ('One')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
função scroll () {
x+= xs;
y+= ys;
if (x> = document.getElementById ('content'). OffsetWidth-one.OffSetWidth-20 || x <= 0)
{
xs = -1*xs;
}
if (y> = document.getElementById ('content').
{
ys = -1*ys;
}
One.style.left = x;
One.style.top = y;
}
dt = setInterval (rolagem, 100);
One.onMouseOver = function () {
ClearInterval (dt);
};
One.onMouseOut = function () {
dt = setInterval (rolagem, 100);
};
</script>
</body>
Aqui está um exemplo simples.
Exemplo 1
A cópia do código é a seguinte:
function show () {trace ("Vou mostrar cada segundo");}
var sh; sh = setInterval (show, 1000);
ClearInterval (SH);
Exemplo 2
A cópia do código é a seguinte:
<morm>
<input type = "text" id = "clock" size = "35" />
<idioma do script = javascript>
var int = self.setInterval ("Clock ()", 50)
function clock () {var t = new Date ()
document.getElementById ("relógio"). Valor = t
}
</script>
</morm>
<div id = "relógio"> </div>
<button onclick = "int = window.clearInterval (int)"> intervalo de parada </botão>