这篇文章主要介绍了关于使用实现js中打地鼠的游戏,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
nbsp;html>打地鼠 #tb{ background:url(beijing.jpg) no-repeat; } #fen{ font-weight:bold; font-size:60px; font-family:迷你简哈哈; } #fen1{ font-weight:bold; font-size:60px; font-family:迷你简哈哈; } function kaishi(){ setTimeout("bh()",3000); sum=0; }// 实现地鼠出现的动作 function bh(){ sj=Math.floor(Math.random()*9); img1=document.getElementsByTagName("img"); img1[sj].src="dishu.gif";// 给地鼠图片添加单击事件和打击动作 img1[sj].setAttribute("onclick","daji()"); setTimeout("xs()",1000); }// 实现打击地鼠的动作,将地鼠图片更换为击中图片,并且去掉onclick事件,避免出现一只地鼠击中两次,加两次分数的情况 function daji(){ img1[sj].src="shang.gif"; img1[sj].removeAttribute("onclick");// 更换一次图片积分器加十分 sum+=10;// 改变积分器 document.getElementById("fen").innerHTML=sum/10; document.getElementById("fen1").innerHTML=sum; }// 一秒后没击中地鼠,地鼠消失动作 function xs(){ img1[sj].removeAttribute("onclick"); img1[sj].src="keng.gif"; setTimeout("bh()",1000); } 打地鼠
击中次数
分数
登录后复制
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
使用js实现贪吃蛇游戏的代码
以上就是使用实现js中打地鼠的游戏的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2746030.html