数码资讯
一个简单的用jQuery编写的打字游戏可以提示正确和错误的次数。
无功off_x; / /横坐标 var = 0; var速度= 5000; /速度,默认为5秒。 无功keyerro = 0; / /输入错误次数 无功keyright = 0; / /输入正确的号码 组织/信函 无功chararray =新的数组( 键代码数组 无功arrcode =新的数组();
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
无功off_x; / /横坐标
var = 0;
var速度= 5000; /速度,默认为5秒。
无功keyerro = 0; / /输入错误次数
无功keyright = 0; / /输入正确的号码
组织/信函
无功chararray =新的数组(
键代码数组
无功arrcode =新的数组();
对于(var i = 65;i < 90;i + +){
arrcode { I-65 } =我;
}
随机字母的产生
randomchar =函数(){ var
off_x = Math.random(* 500 + 5); / /格横坐标
/ / off_y = Math.random(* 500-1000); / /格坐标
var c = chararray { parseInt(数学。随机)(×25)}; / /随机生成的一封信
无功charhtml = C + +;
$(# DIV1)。追加(charhtml);
};
VaR方式=函数(){
使用数组来存储颜色样式
色{ 0 } =# ff2211 ;
色{ 1 } =# ff3311 ;
色{ 2 } =# ff5511 ;
色{ 3 } =# ff8811 ;
色{ 4 } =# ffbb99 ;
色{ 5 } =# 1ff4f1 ;
色{ 6 } =# ff5566 ;
色{ 7 } =# 668899 ;
色{ 8 } =# 99bbfa ;
色{ 9 } =# fececc ;
返回的颜色{ parseInt(数学。随机)(×10)}; / /颜色随机。
}
每三秒调用一些字母的生成方法
功能accruechar(){
放在随机的/动画队列中
无功_sildefun = {
将执行动画转换为数组。
(功能)(div# DIV1){ $。动画({顶:+= 470px},速度快,功能(){
执行动画时,删除
美元(这个);
计数= 10;
$(输入{类型中})。Attr({价值:计数});
});
};
功能组在slidelist / /动画队列
$(# DIV1)。队列('slidelist ',_sildefun);
_takestart =函数(){ var
删除队列前面的队列函数,并执行。
$(# DIV1)。Dequeue(slidelist );
};
功能randcharhandle(){
RandomChar();
_takestart();
}
RandCharHandle();
}
对健康代码的处理
功能键码(事件){
VaR的keyValue =的情况下;
var标志= false;
/ /警报(键值);
对于(var i = 0;i < = arrcode.length;i++){
如果(keyValue = = arrcode {我} $(# + chararray {我} + )(文本)= {!)
在第二选择之后停下来
$(# + chararray {我} + 停止)(1000)(去除);
将添加10个点
计数= 10;
$(输入{类型中})。Attr({价值:计数});
$(#权)的文本(keyright);
标志=真;
打破;
}
}
如果(标志){
标志=假;
KeyRight + +;
$(#权)的文本(keyright);
其他{ }
keyerro + +;
$(#误差)文本(keyerro);
}
}
$(函数(){())
加速度
$(输入{价值= 'acceleration +})(点击(功能){
如果(速度> 0)
速度= 1000;
});
/减速
$(输入{价值= 'reduction --})(点击(功能){
速度+ 1000;
});
});
window.setinterval(accruechar()
/ ******************************************* HTML页面*************************************************** /
打字游戏
# DIV1 {
边境:2px红色固体;
宽度:500px;
身高:500px;
背景颜色:黑色;
}
字符{。
宽度:20px;
身高:20px;
位置:绝对;
字体:40px;
}
总:
错误数:
正确次数:
var = 0;
var速度= 5000; /速度,默认为5秒。
无功keyerro = 0; / /输入错误次数
无功keyright = 0; / /输入正确的号码
组织/信函
无功chararray =新的数组(
键代码数组
无功arrcode =新的数组();
对于(var i = 65;i < 90;i + +){
arrcode { I-65 } =我;
}
随机字母的产生
randomchar =函数(){ var
off_x = Math.random(* 500 + 5); / /格横坐标
/ / off_y = Math.random(* 500-1000); / /格坐标
var c = chararray { parseInt(数学。随机)(×25)}; / /随机生成的一封信
无功charhtml = C + +;
$(# DIV1)。追加(charhtml);
};
VaR方式=函数(){
使用数组来存储颜色样式
色{ 0 } =# ff2211 ;
色{ 1 } =# ff3311 ;
色{ 2 } =# ff5511 ;
色{ 3 } =# ff8811 ;
色{ 4 } =# ffbb99 ;
色{ 5 } =# 1ff4f1 ;
色{ 6 } =# ff5566 ;
色{ 7 } =# 668899 ;
色{ 8 } =# 99bbfa ;
色{ 9 } =# fececc ;
返回的颜色{ parseInt(数学。随机)(×10)}; / /颜色随机。
}
每三秒调用一些字母的生成方法
功能accruechar(){
放在随机的/动画队列中
无功_sildefun = {
将执行动画转换为数组。
(功能)(div# DIV1){ $。动画({顶:+= 470px},速度快,功能(){
执行动画时,删除
美元(这个);
计数= 10;
$(输入{类型中})。Attr({价值:计数});
});
};
功能组在slidelist / /动画队列
$(# DIV1)。队列('slidelist ',_sildefun);
_takestart =函数(){ var
删除队列前面的队列函数,并执行。
$(# DIV1)。Dequeue(slidelist );
};
功能randcharhandle(){
RandomChar();
_takestart();
}
RandCharHandle();
}
对健康代码的处理
功能键码(事件){
VaR的keyValue =的情况下;
var标志= false;
/ /警报(键值);
对于(var i = 0;i < = arrcode.length;i++){
如果(keyValue = = arrcode {我} $(# + chararray {我} + )(文本)= {!)
在第二选择之后停下来
$(# + chararray {我} + 停止)(1000)(去除);
将添加10个点
计数= 10;
$(输入{类型中})。Attr({价值:计数});
$(#权)的文本(keyright);
标志=真;
打破;
}
}
如果(标志){
标志=假;
KeyRight + +;
$(#权)的文本(keyright);
其他{ }
keyerro + +;
$(#误差)文本(keyerro);
}
}
$(函数(){())
加速度
$(输入{价值= 'acceleration +})(点击(功能){
如果(速度> 0)
速度= 1000;
});
/减速
$(输入{价值= 'reduction --})(点击(功能){
速度+ 1000;
});
});
window.setinterval(accruechar()
/ ******************************************* HTML页面*************************************************** /
打字游戏
# DIV1 {
边境:2px红色固体;
宽度:500px;
身高:500px;
背景颜色:黑色;
}
字符{。
宽度:20px;
身高:20px;
位置:绝对;
字体:40px;
}
总:
错误数:
正确次数:
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。