Salin terlebih dahulu dan lihat efek yang berjalan. Inti yang digunakan adalah metode setInterval():
Copy kode kodenya sebagai berikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<kepala>
<judul>JavaScript</judul>
<gaya>
html
{
warna latar belakang: perak;
}
.point1
{
posisi:mutlak;
kiri:10 piksel;
atas:40 piksel;
}
.point2
{
posisi:mutlak;
kiri:100 piksel;
atas:40 piksel;
}
.jam1
{
posisi:mutlak;
atas:60 piksel;
}
</gaya>
<skrip tipe="teks/JavaScript">
document.onmousedown = mousedown;
dokumen.onmouseup = mouseup;
var intervalProses;
var langsung = benar;
fungsi mousedown(){
intervalProcess = setInterval("MovePoint()", 1);
}
fungsi mouseup(){
clearInterval(IntervalProses);
}
fungsi PindahTitik(){
dengan (document.getElementById("point1").style){
jika (isNaN(parseInt(kiri)))
kiri = "10 piksel";
kalau tidak {
document.getElementById("point2").style.left = "200px";
jika (parseInt(kiri) < 0)
langsung = benar;
if (parseInt(kiri) > parseInt(document.getElementById("point2").style.left))
langsung = salah;
jika (langsung)
kiri = parseInt(kiri) + 1 + "px";
kalau tidak
kiri = parseInt(kiri) - 1 + "px";
}
}
}
</skrip>
</kepala>
<tubuh>
<div id="point1"><font color=blue>a</font></div>
<div id="point2"><font color=red>b</font></div>
<jam />
</tubuh>
</html>