javascript实现简单打字游戏
本文实例为大家分享了javascript打字游戏的具体代码,供大家参考,具体内容如下
传智打字游戏 .label{ position:absolute;left:0px; }
varCODE="QWERTYUIOPASDFGHJKLZXCVBNM"; varcodeArray=[]; varnumber=0; //创建随机字母 functioncreateCode(){ //0-25 varindex=parseInt(Math.random()*26); returnCODE.charAt(index); }; //创建显示label方法 functioncreateLabel(code){ /** *A */ varlabel=document.createElement("label"); label.className="label"; label.style.top="50px"; label.innerHTML=code; label.code=code; varhtml=document.documentElement; //所有label标签的x坐标 varlabelX=parseInt(Math.random()*html.clientWidth); if(labelX>100){ labelX-=20; } label.style.left=labelX+"px"; returnlabel; } window.onload=function(){ document.getElementById("startBtn").disabled=false; //注册键盘事件 document.documentElement.οnkeydοwn=function(event){ varkeyCode=event.keyCode;//获取按下的吗 varcode=String.fromCharCode(keyCode);//A-Z for(vari=0;i height-30){ removeLabel(label,false); }else{ label.style.top=top+"px"; } },10); } //flag=false用户没有按下该字母 functionremoveLabel(label,flag){ clearInterval(label.interval_id); label.parentNode.removeChild(label); codeArray.shift(); number-=20; document.getElementById("msg").innerHTML=number+"分"; } vargame_id=null; //开始游戏 functionstartGame(startButton){ startButton.disabled=true; game_id=setInterval(function(){ //创建要显示的字符 varcode=createCode(); //创建一个label显示字符 varlabel=createLabel(code); //让label标签慢慢向下移动,修改标签的style.top属性 runLabelTop(label); //把label标签节加入到页面中 document.body.appendChild(label); codeArray.push(label); },1000); } //停止游戏 functionstopGame(){ clearInterval(game_id); for(vari=0;i 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。