欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

js實(shí)現(xiàn)如何打地鼠小游戲

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

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

請看代碼:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>打地鼠</title>
 <style type="text/css">
 #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;
 }
 </style>
 <script type="text/javascript">
 var td = new Array(),  //保存每個(gè)格子的地鼠
 playing = false,  //游戲是否開始
 score = 0, //分?jǐn)?shù)
 beat = 0, //鼠標(biāo)點(diǎn)擊次數(shù)
 success = 0, //命中率
 knock = 0, //鼠標(biāo)點(diǎn)中老鼠圖片的次數(shù)
 countDown = 30, //倒計(jì)時(shí)
 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)前倒計(jì)時(shí)所剩時(shí)間
 function timeShow(){
 document.form1.remtime.value = countDown;
 if(countDown == 0){
 GameOver();
 return;
 }else{
 countDown = countDown-1;
 timeId = setTimeout("timeShow()",1000);
 }
 }
 //主動停止所有計(jì)時(shí)
 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 = '<img src="/upload/otherpic50/77270.png">';
 setTimeout("document.getElementById('td["+current+"]').innerHtml=''",3000); //使用 setTimeout()實(shí)現(xiàn)3秒后隱藏老鼠圖片
 }
 }
 //清除所有老鼠圖片
 function clearMouse(){
 for(var i=0;i<25;i++){
 document.getElementById("td["+i+"]").innerHTML="";
 }
 }
 //點(diǎn)擊事件函數(shù),判斷是否點(diǎn)中老鼠
 function hit(id){
 if(playing == false){
 alert("請點(diǎn)擊開始游戲!");
 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();
 } 
 </script>
</head>
<body>
 <div id="content">
 <input type="button" value="開始游戲" onclick="GameStart()" />
 <input type="button" value="結(jié)束游戲" onclick="GameOver()" />
 <form name="form1" id="form1">
  <label>分?jǐn)?shù):</label>
  <input type="text" name="score" size="5">
  <label>命中率:</label>
  <input type="text" name="success" size="10">
  <label>倒計(jì)時(shí):</label>
  <input type="text" name="remtime" size="5">
 </form> 
 <table>
  <tr>
  <td id="td[0]" onclick="hit(0)"></td>  
  <td id="td[1]" onclick="hit(1)"></td>
  <td id="td[2]" onclick="hit(2)"></td>
  <td id="td[3]" onclick="hit(3)"></td>
  <td id="td[4]" onclick="hit(4)"></td>
  </tr>
  <tr>
  <td id="td[5]" onclick="hit(5)"></td>
  <td id="td[6]" onclick="hit(6)"></td>
  <td id="td[7]" onclick="hit(7)"></td>
  <td id="td[8]" onclick="hit(8)"></td>
  <td id="td[9]" onclick="hit(9)"></td>
  </tr>
  <tr>
  <td id="td[10]" onclick="hit(10)"></td>
  <td id="td[11]" onclick="hit(11)"></td>
  <td id="td[12]" onclick="hit(12)"></td>
  <td id="td[13]" onclick="hit(13)"></td>
  <td id="td[14]" onclick="hit(14)"></td>
  </tr>
  <tr>
  <td id="td[15]" onclick="hit(15)"></td>
  <td id="td[16]" onclick="hit(16)"></td>
  <td id="td[17]" onclick="hit(17)"></td>
  <td id="td[18]" onclick="hit(18)"></td>
  <td id="td[19]" onclick="hit(19)"></td>
  </tr>
  <tr>
  <td id="td[20]" onclick="hit(20)"></td>
  <td id="td[21]" onclick="hit(21)"></td>
  <td id="td[22]" onclick="hit(22)"></td>
  <td id="td[23]" onclick="hit(23)"></td>
  <td id="td[24]" onclick="hit(24)"></td>
  </tr>
 </table>
 </div>
</body>
</html>

流程設(shè)計(jì):

  • 點(diǎn)擊“開始游戲”按鈕游戲開始,否則將提示“請點(diǎn)擊開始游戲”字樣

  • 分?jǐn)?shù)、命中率顯示重置為“0”,倒計(jì)時(shí)開始(默認(rèn)為30秒)

  • 老鼠圖片不斷顯示、隱藏,玩家可點(diǎn)擊鼠標(biāo)左鍵進(jìn)行游戲

  • 當(dāng)30秒倒計(jì)時(shí)結(jié)束或者玩家主動點(diǎn)擊“結(jié)束按鈕”時(shí),游戲結(jié)束并顯示游戲結(jié)果

實(shí)例中用到的圖片附件下載

關(guān)于“js實(shí)現(xiàn)如何打地鼠小游戲”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯(cuò),請把它分享出去讓更多的人看到。

文章標(biāo)題:js實(shí)現(xiàn)如何打地鼠小游戲
文章URL:http://www.aaarwkj.com/article24/gdijje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、App開發(fā)商城網(wǎng)站網(wǎng)頁設(shè)計(jì)公司、外貿(mào)建站、定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司
国内精品免费视频不卡| 91亚洲熟妇国产熟妇肥婆| 青青草日韩欧美在线观看| 18岁以下禁止观看的视频| 国产福利精品一区二区av| 免费看av网站一区二区| 女子张开腿让男人捅爽| 欧美在线免费黄片视频| 亚洲av丰满熟妇在线观看| 久热伊人精品国产中文| 给我搜一个一级黄色片| 一区二区日韩欧美国产| 欧美日韩亚洲一区二区搜索| 亚洲免费观看视频一区二区三区| 天堂av好男人亚洲精品| 国产看片色网站亚洲av| 女人裸体网站无遮挡午夜| 亚洲av日韩av一区| 欧美国内日本一区二区| 国产一级精品自拍视频| 免费观看黄片视频在线观看| 日本精品在线不卡视频| 亚洲免费成人一区二区| 涩久久悠悠一区二区三区| 国产成人精品一区二区国产乱码 | av天堂资源地址在线观看| 欧美三级影院网上在线| 国产一区二区91精品| 国产在线视频不卡福利片| 亚洲av免费一区二区三区 | 麻豆国产97在线精品一区| 日本中文字幕有码专区| 国产一区二区在线不卡播放| 91九色视频官网在线观看| 日韩毛片免费看美日韩毛片| 日韩免费视频一区二区三区免费| 加勒比久久精品网址系列| 午夜影院在线免费观看三区| 日本一区二区久久人妻高清| 日日夜夜添添精品视频| 国产一区av麻豆免费观看|