VẼ DĨA BAY VÀ VIẾT JAVASCRIPT
LÀM DI ĐỘNG
I-Phương pháp di chuyển ngang.
<html>
<head></head><body>
<img id="image"
style="position:relative;left:400;;top:200;width:200;height:100"
src="SAUCER VN.gif"/>
<script>
var object=document.getElementById("image")
var loc=10;
function doMove(){
loc+=0.1;
object.style.left=loc;
t=setTimeout(doMove,5)}
function stop(){
clearTimeout(t);
object.style.left=5}
</script>
<span
onclick="doMove()">START</span>
<span
onclick="stop()">STOP</span>
</body></html>
Ghi Chú.
Nếu viết loc - = 0.1
thi hình sẽ di chuyển từ phải sang trái.
-----------------------
II-PHƯƠNG PHÁP LÀM DI CHUYÊN TỚI LUI.
<html>
<head></head>
<body>
<img
id="image"
style="position:relative;left:400;;top:200;width:200;height:100"
src="SAUCER VN.gif">
<script>
var object;
object=document.getElementById('image')
function
doMove(){
object.style.left= Math.floor(Math.random()*500)+1}
</script>
<a href="javascript:var
t=setInterval('doMove()',800)">START</a>
<a
href="javascript:clearInterval(t)">STOP</a>
</body>
</html>
-------------------------
NUT START VÀ STOP CÓ THỂ VIẾT NHƯ SAU.
<span
onclick="t=setInterval('doMove()',800)">START</span>
<span onclick="clearInterval(t)">STOP</span>
TRONG JAVASCRIPT.
Random nghĩa là ngẫu nhiên. Random numbers là những con số ngẫu nhiên.
Math.floor(Math.random()*140)+1
Codes của Math.random()*140. Sẽ cho xuất hiện những con số từ Zero tới 140.
Nếu muốn có những con
sổ đếm từ 1 thì viết thêm +1 và viết
chữ Math.floor.
Math.floor chỉ chọn số nguyên không có số lè. Thí du 1.9 thì
Math.floor chí chọn 1.0 . Nếu 0.9
thì Math.floor chọn 0
III- PHƯƠNG PHÁP DI CHUYỂN TỪ TRÊN XUỐNG VÀ NGƯỢC LẠI.
<html>
<head></head>
<body>
<img
id="image"
style="position:relative;left:400;;top:200;width:200;height:100"
src="SAUCER VN.gif">
<script>
var object=document.getElementById('image');
var loc=50;
var direction=0;
function doMove(){
if(0==direction){loc+=1;
if(loc>=400){ direction=1;}}
else{loc-=5;
if(loc<20){direction=0;}}
object.style.top=loc;
t=setTimeout("doMove()",10);}
</script>
<span
onclick ="doMove()">START</span>
<span
onclick ="clearTimeout(t)">STOP</span>
</body></html>
-------------------------------
Chú ý nhưng̃ chữ và dấu có màu đỏ phải viết đúng như vậy thì hình mới di chuyển.
