欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery 写的简单打字游戏可以提示正确和错误的次数_jquery

程序员文章站 2022-04-10 12:08:52
...
var off_x; //横坐标 
var count=0; //总分 
var speed=5000; //速度,默认是5秒. 
var keyErro=0; //输入错误次数 
var keyRight=0; //输入正确的次数 

//组织字母 
var charArray=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 arrCode=new Array(); 
for(var i=65;i"+c+"
"; $("#div1").append(charHtml); }; var colorBox=function(){ Color=[]; //用数组存放颜色的样式 Color[0]="#ff2211"; Color[1]="#ff3311"; Color[2]="#ff5511"; Color[3]="#ff8811"; Color[4]="#ffBB99"; Color[5]="#1ff4f1"; Color[6]="#ff5566"; Color[7]="#668899"; Color[8]="#99BBfA"; Color[9]="#fECECC"; return Color[parseInt(Math.random()*10)]; //随机生颜色. } //每隔三秒就调用些方法生产字母 function accrueChar(){ //把随机出来的放在动画队列里 var _sildeFun=[ //把要执行的动画依次放入一个数组里 function(){$('#div1 div').animate({top:'+=470px'},speed,function(){ //当动画执行完时,就删除 $(this).remove(); count-=10; $("input[type='text']").attr({"value":count}); });} ]; //将函数组放入slideList动画队列里 $("#div1").queue('slideList',_sildeFun); var _takeStart=function(){ //从队列最前端移除一个队列函数,并执行他。 $("#div1").dequeue("slideList"); }; function randCharHandle(){ randomChar(); _takeStart(); } randCharHandle(); } //健码的处理 function keyCode(event){ var keyValue = event.keyCode; var flag=false; //alert(keyValue); for(var i=0;i0) speed-=1000; }); //减速 $("input[value='减速--']").click(function(){ speed+=1000; }); }); window.setInterval("accrueChar()",1500);
相关标签: jQuery 打字游戏