jQuery 写的简单打字游戏可以提示正确和错误的次数
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页面***************************************************/
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../../jQuery/jquery-1.8.3.js"></script> <script type="text/javascript" src="test.js"></script> <title>打字游戏</title> <style type="text/css"> #div1{ border: 2px red solid; width:500px; height: 500px; background-color: black; } .char{ width: 20px; height:20px; position:absolute; font: 40px; } </style> </head> <body onkeypress="keyCode(event)"> <div id="div1"> </div> <div> <br>总数:<input type="text" readonly="readonly"> <input type="button" value="加速++"> <input type="button" value="减速--"> <br>错误次数:<label id="erro"></label> <br>正确次数:<label id="right"></label> </div> </body> </html>
-
本文向大家介绍C#实现简单打字游戏，包括了C#实现简单打字游戏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了C#实现简单打字游戏的具体代码，供大家参考，具体内容如下 运行效果图如下： 功能：程序运行后，点击开始按钮，窗体中的文本框中出现字母，用户通过键盘输入文本框中字母，窗体显示用时、正确数、错误数和正确率。 按钮：开始、结束、退出。 菜单：设置（开始游戏、结束游戏、退出游戏），查
-
本文向大家介绍javascript实现简单打字游戏，包括了javascript实现简单打字游戏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了javascript打字游戏的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
null 谢谢
-
本文向大家介绍C#实现简单打字小游戏，包括了C#实现简单打字小游戏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了C#实现简单打字小游戏的具体代码，供大家参考，具体内容如下 更多有趣的经典小游戏实现专题，也分享给大家： C++经典小游戏汇总 python经典小游戏汇总 python俄罗斯方块游戏集合 JavaScript经典游戏 玩不停 java经典小游戏汇总 javascript经
-
我一直在尝试制作一个简单的游戏，计算机生成一个随机数，你试着猜它。它还存储了你“尝试”的猜测量。 但是，当我运行该程序时，它只是打印：“让我们玩游戏。我会想到一个数字 1-100。试着猜猜。 这是我的代码： 我不明白为什么这不起作用，有人能解释一下为什么不起作用吗？
-
我正在为一项任务做一个跳棋游戏。除了一件奇怪的事之外，整个事情都在按它应该的方式运行。这是我的黑板： 我通过给出源行和列，然后是目标行和列来移动。 如果我试图将一个工件移动到无效的位置（不是对角线），我应该打印出一个错误。所以如果我试着从5.2- 对于大多数情况，它都可以工作，但如果我尝试直接向下移动一个空间（例如，2 3- 我卡住了！你知道为什么会这样吗？如果需要，我可以发布更多代码。