共享作品&&(普通用户享每日2次免费下载)800万海量严选共享作品，20M/s 极速无限下载，每日更新 5000+，低至0.18元/天。分享到：与
人分享您的设计品味您可能在找这些：716445026&
添加到收藏夹
您还未创建收藏夹，点击创建增加新收藏夹吧！
您创建的收藏会显示在此处
创建到收藏夹
登录千图网
或该帐号还未注册，该帐号还未注册，
工作日：9:00 - 22:00
节假日：9:00 - 18:00
****** :
021- 工作日：9:00 - 18:00
已连续签到天
再保持天连续签到将可获得共享VIP1天js实现打地鼠小游戏
作者：ywhluck
字体：[ ] 类型：转载 时间：
本文主要分享了js实现打地鼠小游戏的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
话不多说，请看代码：
&!doctype html&
&meta charset="utf-8"&
&title&打地鼠&/title&
&style type="text/css"&
#content {
text-align:
margin-top:40
margin:20px 0;
cursor:url(http://cdn./notes/pics//d7hvffengpdxe.png),
background:#00ff33;
&script type="text/javascript"&
var td = new Array(),
//保存每个格子的地鼠
playing = false,
//游戏是否开始
score = 0, //分数
beat = 0, //鼠标点击次数
success = 0, //命中率
knock = 0, //鼠标点中老鼠图片的次数
countDown = 30, //倒计时
interId = null, //指定 setInterval()的变量
timeId = //指定 setTimeout()的变量
//游戏结束
function GameOver(){
timeStop();
clearMouse();
alert("游戏结束！\n 你获得的分数为："+score+"\n 命中率为："+success);
success = 0;
score = 0;
knock = 0;
countDown = 30;
//显示当前倒计时所剩时间
function timeShow(){
document.form1.remtime.value = countD
if(countDown == 0){
GameOver();
countDown = countDown-1;
timeId = setTimeout("timeShow()",1000);
//主动停止所有计时
function timeStop() {
clearInterval(interId);
clearTimeout(timeId);
//随机循环显示老鼠图片
function show(){
if(playing){
var current = Math.floor(Math.random()*25);
document.getElementById("td["+current+"]").innerHTML = '&img src="http://cdn./notes/pics//tluu1gq8l1b54h.png"&';
setTimeout("document.getElementById('td["+current+"]').innerHtml=''",3000); //使用 setTimeout()实现3秒后隐藏老鼠图片
//清除所有老鼠图片
function clearMouse(){
for(var i=0;i&25;i++){
document.getElementById("td["+i+"]").innerHTML="";
//点击事件函数，判断是否点中老鼠
function hit(id){
if(playing == false){
alert("请点击开始游戏!");
beat += 1;
if(document.getElementById("td["+id+"]").innerHTML != ""){
score += 1;
knock += 1;
success = knock/
document.form1.success.value =
document.form1.score.value =
document.getElementById("td["+id+"]").innerHTML = "";
score += -1;
success = knock/
document.form1.success.value =
document.form1.score.value =
//游戏开始
function GameStart(){
interId = setInterval("show()",1000);
document.form1.score.value =
document.form1.success.value =
timeShow();
&div id="content"&
&input type="button" value="开始游戏" onclick="GameStart()" /&
&input type="button" value="结束游戏" onclick="GameOver()" /&
&form name="form1" id="form1"&
&label&分数：&/label&
&input type="text" name="score" size="5"&
&label&命中率：&/label&
&input type="text" name="success" size="10"&
&label&倒计时：&/label&
&input type="text" name="remtime" size="5"&
&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&
&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&
&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&
&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&
&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&
流程设计：
点击“开始游戏”按钮游戏开始，否则将提示“请点击开始游戏”字样
分数、命中率显示重置为“0”，倒计时开始（默认为30秒）
老鼠图片不断显示、隐藏，玩家可点击鼠标左键进行游戏
当30秒倒计时结束或者玩家主动点击“结束按钮”时，游戏结束并显示游戏结果
实例中用到的
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具