一个打字母游戏写的很乱

最新推荐文章于 2024-05-06 13:26:40 发布

放开那个衰锅

最新推荐文章于 2024-05-06 13:26:40 发布

阅读量687

点赞数

分类专栏： js 文章标签： js 打字母 html

本文链接：https://blog.csdn.net/little_celery/article/details/8656717

版权

js 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title></title>
		<script type="text/javascript">
			//定义变量来确定屏幕中是否有字符 默认为true
			var isHas = false;
			var randCh;
			sunY=0;
			directY=2;
			//随机字母
			function ranZM()
			{
				var chs = 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","x","y","z");
				
				//定义随机数来表示数组下标
				var ranIndex=0;
				do
				{
					ranIndex = parseInt(Math.random()*100)-74;
				}
				while(ranIndex<0);
				//alert(chs[ranIndex]);
				randCh = chs[ranIndex];
				return randCh;
			}


     		 function sunMove(){
             
              	   sunY+=directY;
                   //设置图片的下一个偏移量
                   var sundiv=document.getElementById("ch");
          	   	   sundiv.style.top=sunY+"px";

                   if(sunY+sundiv.offsetHeight>=document.body.clientHeight ){

                      document.body.innerHTML="";
                      //document.getElementById("ch").innerHTML="";
                      isHas=false;
                      sunY=0;
				 	  directY=2;

                }
                setTimeout("sunMove()",10);//字母下移运动
          }
			//创建一个带随机字母的层并且下移
			function createDiv()
			{	
				
				ranZM();
				var chr = randCh;
				var div = "<div id='ch' style='position:absolute;top:0px;left:200px;width:50px;height:50px;font-size:40px;text-align:center;background-color:pink;color:black;'>"+randCh+"</div>";
				if(!isHas){
				document.body.innerHTML=div;
				//document.getElementById("ch").innerHTML=chr;
				isHas = true;
				sunY=0;
				directY=2;
				sunMove();//设置字母后开始运动
				}
				//setInterval("sunMove()",30);
   				
			}

		//获取键盘键入的字母
			function getKey(e)
			{	
				var keynum
				var keychar
				
				if(window.event) // IE
  				{
  					keynum = e.keyCode
  				}
				else if(e.which) // Netscape/Firefox/Opera
  				{
  					keynum = e.which
  				}
				keychar = String.fromCharCode(keynum)
				//alert(keychar);
				if(keychar==randCh){
					document.body.innerHTML="";
					isHas = false;
				}
				return isHas;
			}
			function run(){
				while(!isHas){
				createDiv();
			}
			}
			setInterval("run()",500);
		</script>
	</head>
	<body οnkeypress="return getKey(event)">	
	</body>
</html>

后期加了个计分的功能，感觉很简单，估计是最初级的脚本应用了。

放开那个衰锅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个打字母游戏写的很乱

//定义变量来确定屏幕中是否有字符默认为true var isHas = false; var randCh; sunY=0; directY=2; //随机字母 function ranZM() { var chs = new Array("a","b","c","d","e","f","g","h","i","j","k","
复制链接

扫一扫