功能模块: 程序设计:
1.可选择游戏时间,显示倒计时 1.定义全局变量
2.可选择英文字母出现个数 2.控制游戏时间函数
3.统计得分 3.动画效果
4.菜单选项 4.设定字母图片出现的时间
5.判断函数
6.游戏菜单
7.游戏时间选项
8.显示游戏时间
9.游戏难度选项
10.游戏得分
先上效果图:(ps:美工是硬伤)

主要代码设计:
//-------全局变量-------
var data={
"10":["
"],"11":["
"],"12":["
"],"13":["
"],
"14":["
"],"15":["
"],"16":["
"],"17":["
"],
"18":["
"],"19":["
"],"20":["
"],"21":["
"],
"22":["
"],"23":["
"],"24":["
"],"25":["
"],
"26":["
"],"27":["
"],"28":["
"],"29":["
"],
"30":["
"],"31":["
"],"32":["
"],"33":["
"],
"34":["
"],"35":["
"]
};
var datas=new Array();//随机出现的 class样式以数组中偶数存储,图片以数组中奇数存储
var now=new Date();
var Image; //随机出现图片
var Divs;//随机出现层
var count=0;//积分系统
var key;//键盘的值
var amounts=1;//出现字母图片的个数
var gametime=30;//控制游戏的时间
var gametimes;//时间为0
var gametimess=30;//显示时钟变量
var time1;//setInterval变量
var time2=5000;//设定setInterval的时间
var time3;
var tab;//用来记录,传递tabindex焦点位置的值
//--------这样写为了兼容FF浏览器-------
var plug = {
addEvent:function(o,e,f){
if(o.addEventListener){
o.addEventListener(e,f,false);
}
else if(o.attachEvent){
o.attachEvent("on"+e,f);
}
}
}
plug.addEvent(window,"load",function(){Focus()});//兼容FF浏览器
//------1.控制游戏时间函数--------
function Gametime(){
for(gametimes=gametime;gametimes>=0;gametimes--) {
window.setTimeout('Show(' + gametimes + ')',(gametime-gametimes+2) * 1000);
}
}
function Show(gametimes){
if(gametimes==0){
clearInterval(time1);//停止游戏
alert("游戏结束!你的得分为:"+count);
$("#main").empty();//清除main中的div
$(".gameapply").empty();
$("#select1").empty();
$("#select2").empty();
count=0;//得分清空为0
Score();//让分数框显示为0
Focus();//重新生成菜单选项
}
}
//---------2.动画效果---------
function fun(){
datas.length=0;
for(var i=0;i"+data[Image]+"










