时间:2021-05-26
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<=90;i++){ arrCode[i-65]=i; } //随机生产一个字母 var randomChar=function(){ off_x=Math.random()*500+5; //在div横坐标 //off_y=Math.random()*500-10; //在div纵坐标 var c=charArray[parseInt(Math.random()*25)]; //随机生成一个字母 var charHtml=" <div class='char' id='"+c+"' style='left: "+off_x+"px;color:"+colorBox()+"'>"+c+"</div>"; $("#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;i<=arrCode.length;i++){ if(keyValue==arrCode[i]&&$("#"+charArray[i]+"").text()!=""){ //选对后停止一秒 $("#"+charArray[i]+"").stop(1000).remove(); //选对就加10分 count+=10; $("input[type='text']").attr({"value":count}); $("#right").text(keyRight); flag=true; break; } } if(flag){ flag=false; keyRight++; $("#right").text(keyRight); }else{ keyErro++; $("#erro").text(keyErro); } } $(function(){ //加速 $("input[value='加速++']").click(function(){ if(speed>0) speed-=1000; }); //减速 $("input[value='减速--']").click(function(){ speed+=1000; }); }); window.setInterval("accrueChar()",1500);
/*******************************************HTML页面***************************************************/
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这篇blog主要是结合前面两个知识点:JS实现电脑虚拟键盘的操作、JS实现简单打字测试实现的效果如下:具体代码如下:Html部分:打字测试打字测试错误0时间60
本文实例为大家分享了JS实现简单打字测试的具体代码,供大家参考,具体内容如下需求:实现以下的功能1.有三个小方块,分别用来当前输入的错误数量、打字的时间和当前的
要求编写登录接口:1.输入用户名和密码2.认证成功后显示欢迎信息3.用户名输错,提示用户不存在,重新输入(5次错误,提示尝试次数过多,退出程序)4.用户名正确,
XP系统,打开QQ游戏就提示QQ游戏脚本错误QQ游戏提示脚本错误和IE以及QQ游戏大厅版本、病毒都可能有一定的关系,碰到此问题,请尝试按如下方法操作尝试解决。解
今天有同学给我说电脑有问题了!启动WORD后让安装Genko.msi正好解决了顺便写一个经验吧!!方法一:1、错误提示是这样的!2、首先在开始菜单打开&ldqu