javascript实现简单打字游戏

2023-08-10 05:47:04 321

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;iheight-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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

javascript实现简单打字游戏

热门推荐

随机推荐