JAVASCRIPT FUNCTION LÀM HINH SATELLITE DI CHUYỂN
<html>
<head></head>
<body>
<img
id="image"
style="position:relative;left:120;;top:200;width:240;height:160"
src="VN SATELLITE.gif">
<script>
var
object=document.getElementById("image")
var loc=0;
function doMove(){
loc+=0.5; //
0.5 là tốc độ di chuyển.
object.style.left=loc;
t=setTimeout(doMove);100; //100 là thởi gian di chuyển
if(loc>=1000) // khi tới xa 1000 pixels thi tự động trở
về
{return object.style.left=0} } // về vị trí 0 pixel rồi đứng luôn
</script>
<span
onclick="doMove()">START</span>
<span
onclick="clearTimeout(t)">STOP</span>
</body></html>
------------------------
GHI CHÚ
Khi chạy đủ
1000 pixels thì object tự động trở về vị trí 0
pixel rồi không chạy nữa.
Nếu click START, object vần không chạy.
Trong lúc object di chuyển, nếu muốn nó dừng thì click STOP. Nếu muốn chạy tiếp thì click START.
Muốn cho object tiếp tục chạy không chịu dừng thì trước khi object về gân tới vị trí khởi hành phải viết một số pixels trước vị trí 0 pixel như thi dụ đưới đây chọn 10 pixels để ngăn chận object trở về vi trí 0 pixel. Vì nếu về tới vị trị 0 pixel thi click nút START object không di chuyên nữa .
function
doMove(){
loc+=0.5;
object.style.left=loc;
t=setTimeout(doMove);100;
if(loc>=1000) ;
{return
object.style.left=loc=10}} /về vị trí 10 pixels
----------------------------
BÀI NÂY ĐƠN GIẢN NHỨT.
<html>
<head></head>
<body>
<img
id="image"
style="position:relative;left:120;;top:200;width:240;height:160"
src="VN
SATELLITE.gif">
<script>
var
object=document.getElementById("image")
var loc=0;
function
doMove(){
loc+=1;
object.style.left=loc;
t=setTimeout(doMove,10);
if(loc>=600) // chổ
nầy không viết dấu chấm phẩy thi ok.
return object.style.left=loc=0} // về vị trí 0 pixel r̀ồi tiệp tục chạy lại
</script>
<span
onclick="doMove()">START</span>
<span
onclick="clearTimeout(t)">STOP</span>
</body></html>
