Die setInterval () -Methode ruft die Funktion kontinuierlich auf, bis ClearInterval () aufgerufen oder das Fenster geschlossen ist. Der von setInterval () zurückgegebene ID -Wert kann als Parameter für die Methode clearInterval () verwendet werden.
SetInterval () Verwendung
setInterval (Code, Millisec [, "Lang"])
Die folgenden zwei Parametercode sind Ihr JS -Code, Millisec ist das Zeitintervall, gemessen in Millisekunden
Die Codekopie lautet wie folgt:
<body>
<div id = "content" style = "Position: relativ; Höhe: 1000px; Breite: 1000px; Hintergrundfarbe:#666;">
<div id = "ein" style = "Position: absolut; ober: 0px; links: 0px; Höhe: 100px; Breite: 100px; Hintergrundfarbe: Rot;"> </div>
</div>
<Script>
var One = document.getElementById ('One')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
Funktion scroll () {
x+= xs;
y+= ys;
if (x> = document.getElementById ('Inhalt'). Offsetwidth-One.offsetWidth-20 || x <= 0)
{
xs = -1*xs;
}
if (y> = document.getElementById ('Inhalt').
{
ys = -1*ys;
}
eins.Style.Left = x;
eins.style.top = y;
}
dt = setInterval (scrollen, 100);
One.onmouseover = function () {
ClearInterval (DT);
};
One.onmouseout = function () {
dt = setInterval (scrollen, 100);
};
</script>
</body>
Hier ist ein einfaches Beispiel.
Beispiel 1
Die Codekopie lautet wie folgt:
Funktion show () {Trace ("Ich werde jede Sekunde zeigen");}
var sh; sh = setInterval (show, 1000);
ClearInterval (SH);
Beispiel 2
Die Codekopie lautet wie folgt:
<form>
<Eingabe type = "text" id = "Uhr" size = "35" />
<script Language = JavaScript>
var int = self.setInterval ("clock ()", 50)
Funktion Clock () {var t = neues Datum ()
document.getElementById ("Uhr"). value = t
}
</script>
</form>
<div id = "clock"> </div>
<button onclick = "int = window.clearInterval (int)"> Stoppintervall </button>