码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-08-21 21:02:34      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:http   div   代码   html   htm   sp   on   ef   

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

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

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

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

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

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

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

在线演示

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

初学JS——实现基于计时器的小游戏。,布布扣,bubuko.com

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

标签:http   div   代码   html   htm   sp   on   ef   

原文地址:http://www.cnblogs.com/lenshang/p/3928004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!