用戶登錄  |  用戶注冊
首 頁源碼下載網絡學院最新源碼源碼排行屏蔽廣告
當前位置:新興網絡 > 網絡學院 > 網頁制作 > JavaScript

JS 打靶練習小游戲(測試你對鼠標的熟練程度)

減小字體 增大字體 作者:佚名  來源:本站整理  發布時間:2011-01-25 16:24:07

JS 打靶練習小游戲,可測試您對鼠標的熟練程度。

HTML code運行代碼復制代碼編輯
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>打靶練習小游戲</title>
<SCRIPT LANGUAGE="JavaScript">
gamelength=30;
timerID=null
var playing=false;
var numholes=6*10;
var currentpos=-1;
function clrholes() {
for(var k=0;k<document.dmz.elements.length;k++)
document.dmz.elements[k].checked=false;
}
function stoptimer() {
if(playing)
clearTimeout(timerID);
}
function showtime(remtime) {
document.cpanel.timeleft.value=remtime;
if(playing) {
if(remtime==0) {
stopgame();
return;
}
else {
temp=remtime-1;
timerID=setTimeout("showtime(temp)",1200);
      }
   }
}
function stopgame() {
stoptimer();
playing=false;
document.cpanel.timeleft.value=0;
clrholes();
display("游戲結束");
alert('游戲結束.\n你一共得了:  '+totalhits);
}
function play() {
stoptimer();
if(playing) {
stopgame();
return;
}
playing=true;
clrholes();
totalhits=0;
document.cpanel.score.value=totalhits;
display("游戲");
launch();
showtime(gamelength);
}
function display(msg) {
document.cpanel.state.value=msg;
}
function launch() {
var launched=false;
while(!launched) {
mynum=random();
if(mynum!=currentpos) {
document.dmz.elements[mynum].checked=true;
currentpos=mynum;
launched=true;
      }
   }
}

function hithead(id) {
if(playing==false) {
clrholes();
display("Push Start to Play");
return;
}
if(currentpos!=id) {
totalhits+=-1;
document.cpanel.score.value=totalhits;
document.dmz.elements[id].checked=false;
}
else {
totalhits+=1;
document.cpanel.score.value=totalhits;
launch();
document.dmz.elements[id].checked=false;
   }
}

function random() {
return(Math.floor(Math.random()*100%numholes));
}
// End -->
</SCRIPT>
<center><h2>Hit-the-Dot</h2></center>
<p align="center">30秒內擊擊的越多者贏!
<form name="cpanel">
<center>
<table cellspacing=3>
<tr>
<td><input type="button" name="startstop" value="開始/結束" onClick="play()"></td>
<td><pre>    </pre></td>
<td align=right>時間:</td>
<td><input type="text" name="timeleft" size="4" onFocus="this.blur()"></td>
</tr>
<tr>
<td><input type="text" name="state" value="請單擊開始/結束按鈕,開始游戲!" onFocus="this.blur()"></td>
<td><pre>    </pre></td>
<td align=right>分數:</td>
<td><input type="text" name="score" size="4" onFocus="this.blur()"></td>
</tr>
</table>
</center>
</form>
<form name="dmz">
<center>
<table cellpadding="2" cellspacing=2>
<tr>
<td colspan=10><hr size=1></td>
</tr>
<tr>
<td><input type="radio" onClick="hithead(0)"></td>
<td><input type="radio" onClick="hithead(1)"></td>
<td><input type="radio" onClick="hithead(2)"></td>
<td><input type="radio" onClick="hithead(3)"></td>
<td><input type="radio" onClick="hithead(4)"></td>
<td><input type="radio" onClick="hithead(5)"></td>
<td><input type="radio" onClick="hithead(6)"></td>
<td><input type="radio" onClick="hithead(7)"></td>
<td><input type="radio" onClick="hithead(8)"></td>
<td><input type="radio" onClick="hithead(9)"></td>
</tr>
<tr>
<td><input type="radio" onClick="hithead(10)"></td>
<td><input type="radio" onClick="hithead(11)"></td>
<td><input type="radio" onClick="hithead(12)"></td>
<td><input type="radio" onClick="hithead(13)"></td>
<td><input type="radio" onClick="hithead(14)"></td>
<td><input type="radio" onClick="hithead(15)"></td>
<td><input type="radio" onClick="hithead(16)"></td>
<td><input type="radio" onClick="hithead(17)"></td>
<td><input type="radio" onClick="hithead(18)"></td>
<td><input type="radio" onClick="hithead(19)"></td>
</tr>
<tr>
<td><input type="radio" onClick="hithead(20)"></td>
<td><input type="radio" onClick="hithead(21)"></td>
<td><input type="radio" onClick="hithead(22)"></td>
<td><input type="radio" onClick="hithead(23)"></td>
<td><input type="radio" onClick="hithead(24)"></td>
<td><input type="radio" onClick="hithead(25)"></td>
<td><input type="radio" onClick="hithead(26)"></td>
<td><input type="radio" onClick="hithead(27)"></td>
<td><input type="radio" onClick="hithead(28)"></td>
<td><input type="radio" onClick="hithead(29)"></td>
</tr>
<tr>
<td><input type="radio" onClick="hithead(30)"></td>
<td><input type="radio" onClick="hithead(31)"></td>
<td><input type="radio" onClick="hithead(32)"></td>
<td><input type="radio" onClick="hithead(33)"></td>
<td><input type="radio" onClick="hithead(34)"></td>
<td><input type="radio" onClick="hithead(35)"></td>
<td><input type="radio" onClick="hithead(36)"></td>
<td><input type="radio" onClick="hithead(37)"></td>
<td><input type="radio" onClick="hithead(38)"></td>
<td><input type="radio" onClick="hithead(39)"></td>
</tr>
<tr>
<td><input type="radio" onClick="hithead(40)"></td>
<td><input type="radio" onClick="hithead(41)"></td>
<td><input type="radio" onClick="hithead(42)"></td>
<td><input type="radio" onClick="hithead(43)"></td>
<td><input type="radio" onClick="hithead(44)"></td>
<td><input type="radio" onClick="hithead(45)"></td>
<td><input type="radio" onClick="hithead(46)"></td>
<td><input type="radio" onClick="hithead(47)"></td>
<td><input type="radio" onClick="hithead(48)"></td>
<td><input type="radio" onClick="hithead(49)"></td>
</tr>
<tr>
<td><input type="radio" onClick="hithead(50)"></td>
<td><input type="radio" onClick="hithead(51)"></td>
<td><input type="radio" onClick="hithead(52)"></td>
<td><input type="radio" onClick="hithead(53)"></td>
<td><input type="radio" onClick="hithead(54)"></td>
<td><input type="radio" onClick="hithead(55)"></td>
<td><input type="radio" onClick="hithead(56)"></td>
<td><input type="radio" onClick="hithead(57)"></td>
<td><input type="radio" onClick="hithead(58)"></td>
<td><input type="radio" onClick="hithead(59)"></td>
</tr>
<tr><td colspan=10><hr size=1></td>
</tr></table></center>
</form>
</body>
</html>

Tags:JS JS 游戲 游戲 鼠標

作者:佚名
  • 好的評價 如果您覺得此文章好,就請您
      0%(0)
  • 差的評價 如果您覺得此文章差,就請您
      0%(0)

網絡學院評論評論內容只代表網友觀點,與本站立場無關!

   評論摘要(共 0 條,得分 0 分,平均 0 分) 查看完整評論
皮皮麻将官网下载 福彩25选5开奖结果查询 (*^▽^*)MG雪诺和塞布尔登陆 md大航海时代2意志纯汉化版 (^ω^)MG爵士俱乐部试玩网站 (-^O^-)DT丧尸来袭app 彩票刷流水的佣金骗局 (^ω^)MG神鬼奇航玩法介绍 (★^O^★)MG财富小姐彩金 149期曾道人说 北京快三开奖走势图 mg电子大奖图片 青海快三53期开奖结果 福建36选7中奖结果 (★^O^★)MG剑的秘密首页 (^ω^)MG暗恋游戏网站 吉林快3开奖结果最新