脚本总结

Javascript打字游戏var gameTime,maxNum=0,rigthNum=0;function beginGame() {gameTime = setInterval(addLetter, 1000);}function stopGame() {if(gameTime)clearInterval(gameTime);var maxNum1="总字符数："+maxNum+";";var rigthNum1="正解的个数："+rigthNum;var oMax=document.getElementById("maxNum");var oright=document.getElementById("rightNum");oMax.innerHTML=maxNum1;oright.innerHTML=rigthNum1; }function $(id) {return document.getElementById(id);}window.onload = function() {// alert(keys);}// 移动节点function moveLetter(letter) {function moveNext() {var top = parseInt(letter.style.top);if (top > (screen.availHeight - 235)) {clearInterval(timer);if (letter.timerId)letter.parentNode.removeChild(letter);var ks = [];for ( var i = 0; i < currentKey.length; i++) {if (currentKey[i] != letter) {ks.push(currentKey[i]);}}currentKey = ks;} else {var newTop = (top + 30) + "px";letter.style.top = newTop;}}var timer = setInterval(moveNext, 200);letter.timerId = timer;}// 创建26个字母var keys = [], currentKey = [];for ( var i = "A".charCodeAt(0); i <= "Z".charCodeAt(0); i++) { keys.push(String.fromCharCode(i));}// 创建节点function addLetter() {// var div=document.createElement("DIV");// div.style.top="60px";// div.style.left=(screen.width*Math.random())+"px";// div.style.width="40px";// div.style.height="40px";// div.style.position="absolute";// div.innerHTML="<font size='16'><b>A</b> </font>";// document.body.appendChild(div);var le = document.getElementById("div1");var div = le.cloneNode(true);// 随机产生字母var indexkey = Math.floor(Math.random() * 26);div.innerHTML = "<font size='16'><b>" + keys[indexkey] + "</b> </font>";div.style.display = "";div.style.left = (screen.width * Math.random()) + "px";document.body.appendChild(div);moveLetter(div);div.keyCode = keys[indexkey];// 属性currentKey.push(div);maxNum++;}// 键盘事件function checkInputKey(e) {e = e || event;// console.dir(e);// alert(e.keyCode);var ks = [], nks = [];for ( var i = 0; i < currentKey.length; i++) {if (currentKey[i].keyCode == String.fromCharCode(e.keyCode)) {ks.push(currentKey[i]);} else {nks.push(currentKey[i]);}}// 把节点销毁for ( var i = 0; i < ks.length; i++) {rigthNum++;ks[i].parentNode.removeChild(ks[i]);clearInterval(ks[i].timerId);delete ks[i].timerId;}currentKey = nks;}// 浏览器判别if (document.attachEvent) {document.attachEvent("onkeydown", checkInputKey);} else {document.addEventListener("keydown", checkInputKey, false); }面向对象打字游戏：//引入包namespace或者package的概念//引入ng.js.game这个包名ng={js:{game:{}}};//设计CharacterGame这个类,代表整个游戏的主场景，基本配置信息ng.js.game.CharacterGame=function(speed){this.speed=speed;this.keys = [];this.maxNum=0;this.rigthNum=0;this.currentKey = [];//这不是全局函数，被封装起来了for ( var i = "A".charCodeAt(0); i <= "Z".charCodeAt(0); i++) { this.keys.push(String.fromCharCode(i));}};ng.js.game.CharacterGame.prototype.beginGame=function(){ this.maxNum=0;this.rigthNum=0;var dengji2=document.getElementById("dengji").value;this.speed=parseInt(dengji2)*10;var service=this;//有回调函数，就要这样做this.gameTimer=setInterval(function(){service.createCharacter();},1000);function checkKey(e){service.checkInputKey(e);}// 浏览器判别,绑定事件if (document.attachEvent) {document.attachEvent("onkeydown", checkKey);} else {document.addEventListener("keydown", checkKey, false);}};ng.js.game.CharacterGame.prototype.endGame=function(){ clearInterval(this.gameTimer);//销毁屏幕上所有的字符while(this.currentKey.length>0){this.currentKey[0].disappear();}// for ( var i = 0; i < this.currentKey.length; i++) {// this.currentKey[i].disappear();// }//显示结果var maxNum1="总字符数："+this.maxNum+";";var rigthNum1="正解的个数："+this.rigthNum;var oMax=document.getElementById("maxNum");var oright=document.getElementById("rightNum");oMax.innerHTML=maxNum1;oright.innerHTML=rigthNum1;//alert(this.speed);};//检测键盘是否打对了ng.js.game.CharacterGame.prototype.checkInputKey=function(e){e = e || event;// console.dir(e);// alert(e.keyCode);var ks = [];for ( var i = 0; i < this.currentKey.length; i++) {if (this.currentKey[i].key == String.fromCharCode(e.keyCode)) { //屏幕上有这个字符ks.push(this.currentKey[i]);this.rigthNum++;} }// 把节点销毁for ( var i = 0; i < ks.length; i++) {ks[i].disappear();}};//随机创建字符ng.js.game.CharacterGame.prototype.createCharacter=function(){ this.maxNum++;var indexkey = Math.floor(Math.random() * 26);var key=this.keys[indexkey];//随机创建一个Character对象var c=new ng.js.game.Character(key,this.speed);var service=this;//注意使用域c.onDisappear=function(){//设置回调函数var ks=[];for ( var i = 0; i < service.currentKey.length; i++) {if (service.currentKey[i]!= c) {ks.push(service.currentKey[i]);}}service.currentKey=ks;};this.currentKey.push(c);//产生一个新的就放到这里c.move(); };//代表字符的Character类（字母）ng.js.game.Character=function(key,speed){//定义字符的基本属性this.key=key;this.speed=speed;this.x=screen.width * Math.random();this.y=20;//屏幕上有对应的dom节点this.render();};//渲染，把Character类渲染到屏幕上ng.js.game.Character.prototype.render=function(){var le = document.getElementById("div1");var div = le.cloneNode(true);div.style.display = "";div.style.left = this.x+ "px";div.style.top = this.y+ "px";// 随机产生字母//var indexkey = Math.floor(Math.random() * 26);div.innerHTML = "<font size='16'><b>" + this.key+ "</b> </font>";document.body.appendChild(div);this.dom=div;};//定义Character类的方法//往下跑ng.js.game.Character.prototype.move=function(){this.y+=this.speed;if (this.y > (screen.availHeight - 235)) {this.disappear();}else{this.dom.style.top=this.y+"px";var service=this;//准备使用闭包，把this作为一个变量保存起来this.timer=setTimeout(function(){service.move();//this.move这里this指向谁，还是未知数},500);}};//自动消失ng.js.game.Character.prototype.disappear=function(){document.body.removeChild(this.dom);clearTimeout(this.timer);//还要把他从currentKey清除掉//使用消息机制，发出通知if(this.onDisappear)this.onDisappear(); };var game=new ng.js.game.CharacterGame(100); function beginGame(){game.beginGame();}function endGame(){game.endGame();}//下面测试代码function gameTest(){var c=new ng.js.game.Character("A",10);var b=new ng.js.game.Character("B",220);c.move();b.move();};。