La méthode setInterval () appellera la fonction en continu jusqu'à ce que ClearInterval () soit appelé ou que la fenêtre soit fermée. La valeur ID renvoyée par setInterval () peut être utilisée comme paramètre sur la méthode ClearInterval ().
Utilisation setInterval ()
setInterval (code, millisec [, "lang"])
Les deux paramètres suivants sont votre code JS, le millisec est l'intervalle de temps, mesuré en millisecondes
La copie de code est la suivante:
<body>
<div id = "contenu" style = "position: relative; hauteur: 1000px; largeur: 1000px; fond-couleur: # 666;">
<div id = "one" style = "position: absolu; en haut: 0px; gauche: 0px; hauteur: 100px; largeur: 100px; fond-couleur: rouge;"> </ div>
</div>
<cript>
var one = document.getElementByid ('un')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
fonction Scroll () {
x + = xs;
y + = ys;
if (x> = document.getElementById ('Content'). OffsetWidth-one.OffsetWidth-20 || x <= 0)
{
xs = -1 * xs;
}
if (y> = document.getElementById ('contenu'). 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);
};
</cript>
</docy>
Voici un exemple simple.
Exemple 1
La copie de code est la suivante:
fonction show () {trace ("je vais afficher chaque seconde");}
var sh; sh = setInterval (show, 1000);
ClearInterval (SH);
Exemple 2
La copie de code est la suivante:
<formulaire
<input type = "text" id = "horloge" size = "35" />
<Script Language = JavaScript>
var int = self.setinterval ("horloge ()", 50)
Function horloge () {var t = new Date ()
document.getElementById ("horloge"). Valeur = T
}
</cript>
</ form>
<div id = "horloge"> </ div>
<bouton onclick = "int = window.clearinterval (int)"> intervalle d'arrêt </fontial>