随笔 - 4  文章 - 0  评论 - 13  阅读 - 4294

初学JS——实现基于计时器的小游戏。

  这几天一直在看网易云课堂上免费的JS课程,正好今天看到讲了计时器setInterval,第一感觉就是像C#里的TIMER。然后课程里举得例子正好通过计时器改变新生成窗口的位置,

然后就突然有了灵感!可以写一个“抓住我”的小游戏。

  因为刚学JS 懂的实在很少,所以就通过自己已经学过的内容实现了,

主要原理是建一个5X5的表格,每一个格子里放一个DIV,并通过数字命名ID 1-25。

然后就是通过网上找的一个获取随机数的方式,getelementbyid获取随机的一个DIV并且通过innerHTML动态生成一个BUTTON。

在执行之前先删除之前生成的一个,然后通过计时器设置不同的间隔来执行。于是一个简单的CATCH ME小游戏完成了,然后又用了PHP随便写了一个记录分数的功能。

不多说了 大家自己看源代码吧

在线演示

PS:PHP也是这个星期刚接触。。所以只写了个最简单的通过GET传参数。。。于是可以随意刷分。。。莫吐槽。。。

posted on   连殇  阅读(722)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示