首页/ 资源中心/ H5小游戏/ 打地鼠 Whack-a-Mole
🔨

打地鼠 Whack-a-Mole

休闲 · 上传者 驰旭教研组 · 更新于 2026-07-07
H5小游戏 免费开源 定时器随机数DOM触屏入门
3,104浏览
960下载
240点赞
2026-07-07更新

⚠ 版权与免责声明

本资源由社区用户「驰旭教研组」上传分享,版权归原作者所有。
· 本站内容仅限个人学习与研究使用,严禁用于任何商业用途
· 下载后请于 24 小时内删除或销毁,逾期风险自负。
· 因参考、运行本站代码产生的任何损失,本站不承担赔偿责任。
· 如涉及侵权,请联系我们,核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息,均属于在学习研究时的测试模拟数据,与现实中的同名任何个人、企业、组织无任何关联;若有雷同,纯属巧合。如这些内容无意中侵犯您的合法权益,请联系我们,核实后将及时删除或更改。

功能介绍

  • 30 秒倒计时挑战
  • 地鼠随机位置冒头(1-2 只)
  • 点击/触摸计分
  • 最高分记录
  • 纯 DOM + CSS 动画

界面预览

界面预览
界面预览

源码结构

g03.html
├─ #grid 3x3 地洞
├─ .hole .m 地鼠升降动画
└─ <script>
├─ pop() 随机冒头
└─ 倒计时 + 计分

详细说明

打地鼠是最易上手的触屏小游戏,核心是两个定时器:一个控制地鼠冒头节奏,一个控制倒计时。

适合刚接触 DOM 操作与事件绑定的学生,可扩展难度递增、连击加分、炸弹地鼠等。

下载压缩包后解压,按源码内 README 配置 AppID / 接口地址 / 云环境,使用对应开发者工具导入即可预览。如遇问题可在评论区留言,由上传者与其他社区成员交流答疑。

用户评论 0

还没有评论,来抢沙发~