Metode setInterval () akan memanggil fungsi secara terus menerus sampai clearInterval () dipanggil atau jendela ditutup. Nilai ID yang dikembalikan oleh setInterval () dapat digunakan sebagai parameter ke metode ClearInterVal ().
SetInterval () penggunaan
setInterval (kode, millisec [, "lang"])
Dua kode parameter berikut adalah kode JS Anda, Millisec adalah interval waktu, diukur dalam milidetik
Salinan kode adalah sebagai berikut:
<body>
<Div id = "content" style = "Posisi: relatif; tinggi: 1000px; Lebar: 1000px; latar belakang-warna:#666;">
<Div id = "satu" style = "posisi: absolute; atas: 0px; kiri: 0px; tinggi: 100px; lebar: 100px; latar belakang-warna: merah;"> </div>
</div>
<script>
var one = document.geteLementById ('one')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
fungsi gulir () {
x+= xs;
y+= ys;
if (x> = document.geteLementById ('konten'). 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 (gulir, 100);
One.onMouseOver = function () {
ClearInterval (DT);
};
One.onMouseOut = function () {
dt = setInterval (gulir, 100);
};
</script>
</body>
Ini adalah contoh sederhana.
Contoh 1
Salinan kode adalah sebagai berikut:
function show () {trace ("Saya akan menunjukkan setiap detik");}
var sh; sh = setInterval (show, 1000);
ClearInterval (SH);
Contoh 2
Salinan kode adalah sebagai berikut:
<sorm>
<input type = "text" id = "clock" size = "35" />
<bahasa skrip = javascript>
var int = self.setInterval ("clock ()", 50)
function clock () {var t = new date ()
document.geteLementById ("clock"). value = t
}
</script>
</form>
<Div id = "clock"> </div>
<tombol OnClick = "int = window.clearInterval (int)"> Stop Interval </button>