VIẾT FUNCTION TẠO OBJECT DI CHUYỂN
CÓ
setTimeout VÀ setInterval
A-DŨNG setTimeout
<html><head></head>
<body>
<img id="image" ; style="position:relative;left:420;top:100;width:260;
height:300" src="HOA BINHAN.gif">
<script>
var
object=document.getElementById("image")
var loc=0;
function doMove(){
loc+=1; // Codes
nầy làm object di chuyển
object.style.left=loc;// Thay chữ left bằng chữ top thì chạy xuông lên
t=setTimeout(doMove,10)
if(loc>=400){return loc=0} }
</script>
<span
onclick="doMove()">START</span>
<span
onclick="clearTimeout(t)">STOP</span>
</body></html>
-----------------------------------
B-DÙNG setInterval
1-Dùng hai lần a href.
<html><head></head>
<body>
<img id="image" ; style="position:relative;left:420;top:100;width:260;
height:300" src="HOA BINHAN.gif">
<script>
var
object=document.getElementById("image")
var loc=0;
function doMove(){
loc+=1; // Codes nầy làm
object di chuyển
object.style.left=loc;//Thay chữ left bằng chữ top thì chạy xuông lên
if(loc>=1000){return loc=0} }
</script>
<a href="javascript:var t=setInterval('doMove()',10)">START</span>
<a href="javascript:clearInterval(t)">STOP</span>
</body></html>
-------------------------------------------------
GHI CHÚ.
a href nghía la area
hypertext refernce
Phải viết hai câu < a
href ="javascript: ....> mới ok.
Đem setInterval ra
ngoài <script> tag
---------------------------------
2-THAY ĐỔI VỊ TRÍ setInterval VÀ CẮT BỚT CODES
<html><head></head>
<body>
<img id="image" ; style="position:relative;left:420;top:100;width:260;
height:300" src="HOA BINHAN.gif">
<script>
var
object=document.getElementById("image")
var loc=0;
function doMove(){
loc+=1;
object.style.left=loc;
if(loc>=1000){return loc=0} }
</script>
<span onclick="var t=setInterval('doMove()',10)">START</span>
<a href onclick="clearInterval(t)">STOP</a>
</body></html>
------------------------------------------------------------
Ghi chú. a href nghía la area hypertext refernce.
Phải có a href
mới stop được sự di chuyển.
