首页 > 代码库 > 初学JS——实现基于计时器的小游戏。

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

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

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

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

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

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

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

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

在线演示

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