键盘字母打字游戏

最新推荐文章于 2024-01-31 16:15:07 发布

原创

最新推荐文章于 2024-01-31 16:15:07 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

一款通过游戏化方式提升打字速度和准确性的键盘字母打字练习应用。

简单写一个比较拙的打字游戏，意在表明这个游戏实现的方式，仅此而已。

<button onClick="start()">开始</button>
<button onClick="stop()">停止</button>

<div id="dia" style="position: absolute;width:50px;height:50px;background:yellow;top:50px; left:0;"></div>
<div id="dia1" style="position: absolute;width:50px;height:50px;background:blue;top:50px; left: 200;"></div>
<div id="dia2" style="position: absolute;width:50px;height:50px;background:red;top:50px; left: 500;"></div>

	var arr=new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","S","Y","Z");
	var charInDiv='';
	function start()
	{
		time=setInterval("move()",300);

	}
	function move()
	{
		dia.style.top=parseInt(dia.style.top)+20;
		if(parseInt(dia.style.top)>500)
		//如果div移动到大于500px时
		{
			dia.style.top=50;//返回到离top到50px
		}