這篇文章將為大家詳細(xì)講解有關(guān)js實現(xiàn)如何打地鼠小游戲，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

按需策劃可以根據(jù)自己的需求進(jìn)行定制，網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)構(gòu)思過程中功能建設(shè)理應(yīng)排到主要部位公司網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)的運用實際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實際意義

請看代碼：

 
 #content {
 width:960px;
 margin:0 auto;
 text-align:center;
 margin-top:40px;
 }
 #form1 {
 margin:20px 0;
 }
 table {
 margin:0 auto;
 cursor:url(/upload/otherpic50/77269.png),auto;
 }
 td {
 width:95px;
 height:95px;
 background:#00ff33;
 }
 
 
 var td = new Array(),  //保存每個格子的地鼠
 playing = false,  //游戲是否開始
 score = 0, //分?jǐn)?shù)
 beat = 0, //鼠標(biāo)點擊次數(shù)
 success = 0, //命中率
 knock = 0, //鼠標(biāo)點中老鼠圖片的次數(shù)
 countDown = 30, //倒計時
 interId = null, //指定 setInterval()的變量
 timeId = null; //指定 setTimeout()的變量
 //游戲結(jié)束
 function GameOver(){
 timeStop();
 playing = false;
  clearMouse();
 alert("游戲結(jié)束！\n 你獲得的分?jǐn)?shù)為："+score+"\n 命中率為："+success);
 success = 0;
 score = 0;
 knock = 0;
 beat = 0;
 countDown = 30;
 }
 //顯示當(dāng)前倒計時所剩時間
 function timeShow(){
 document.form1.remtime.value = countDown;
 if(countDown == 0){
 GameOver();
 return;
 }else{
 countDown = countDown-1;
 timeId = setTimeout("timeShow()",1000);
 }
 }
 //主動停止所有計時
 function timeStop() {
 clearInterval(interId);
 clearTimeout(timeId); 
 }
 //隨機(jī)循環(huán)顯示老鼠圖片
 function show(){
 if(playing){
 var current = Math.floor(Math.random()*25);
 document.getElementById("td["+current+"]").innerHTML = '';
 setTimeout("document.getElementById('td["+current+"]').innerHtml=''",3000); //使用 setTimeout()實現(xiàn)3秒后隱藏老鼠圖片
 }
 }
 //清除所有老鼠圖片
 function clearMouse(){
 for(var i=0;i<25;i++){
 document.getElementById("td["+i+"]").innerHTML="";
 }
 }
 //點擊事件函數(shù)，判斷是否點中老鼠
 function hit(id){
 if(playing == false){
 alert("請點擊開始游戲!");
 return;
 }else{
 beat += 1;
 if(document.getElementById("td["+id+"]").innerHTML != ""){
 score += 1;
 knock += 1;
 success = knock/beat;
 document.form1.success.value = success;
 document.form1.score.value = score;
 document.getElementById("td["+id+"]").innerHTML = "";
 }else{
 score += -1;
 success = knock/beat;
 document.form1.success.value = success;
  document.form1.score.value = score;
 }
 }
 }
 //游戲開始
 function GameStart(){
 playing = true;
 interId = setInterval("show()",1000); 
 document.form1.score.value = score;
 document.form1.success.value = success;
 timeShow();
 } 
 


 
 
 
 
  分?jǐn)?shù)：
  
  命中率：
  
  倒計時：