JS网页版的键位指法练习软件源代码_游戏娱乐特效

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

很不错的基于JS的网页指法练习软件，想学JS的朋友有必要看一下代码，有很多值得我们学习的。

<html>
<head>
<title>JS指法练习软件</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<style>
span
{
margin-top:10px;
margin-left:10px;
margin-right:10px;
font-size:20pt;
border:1px solid gray;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
background:#fffff0;
border-width:0 1px 1px 0;
}
.span1
{
color:red;
border:none;
padding:0;
margin:0;
background:silver;
}
</style>
</head>
<body bgcolor="silver" style="margin:0" scroll="no">
<div align="center" style="font-size:10pt;color:green">时间:0秒 正确:0个 错误:0个 正确率:100% 速度:0个/秒</div>
<hr> 
<center>
A
 
<div align="center" style="border:1px dotted gray;padding:20px;width:600px;">
QWERTYUIO 
ASDFGHJKL 
ZXCVBNM
</div>
<script language="javascript">
var var1,word,killword,rig02=0,err02=0,num=0,num2=0,numper=0
function sysword()
{
word="QWERTYUIOPLKJHGFDSAZXCVBNM".charAt(Math.floor(Math.random()*26));
document.getElementById(word).style.background="pink"
sys.innerText=word;
}
sysword()
document.onkeydown=function()
{
var1=String.fromCharCode(event.keyCode)
if(var1==word)
{
rig.innerText=(++rig02)
}
else
{
err.innerText=(++err02)
diverr.style.visibility="visible"
setTimeout("diverr.style.visibility='hidden'",500)
}
document.getElementById(word).style.background="#fffff0"
if(/[^A-Z]/g.test(var1))
{
alert("请按字母键!");
}
else
{
document.getElementById(var1).style.background="red";
sysword();
}
}
document.onkeyup=function()
{
document.getElementById(var1).style.background="#fffff0";
num=rig02+err02
num2=rig02/num
num2=num2*100
num2=Math.round(num2)
spanpercent.innerText=num2+"%"
numper=num/vartime
numper=numper*10
numper=Math.round(numper)
numper=numper/10
spanspeed.innerText=numper
}
var vartime=0
setInterval("spantime.innerText=(++vartime)",1000)
</script>
 
<hr>
<div style="font-size:9pt"><a href="/">mb5u.com</a></div>
 
</center>
<div style="position:absolute;z-index:100;filter:alpha(style=1,opacity=50) shadow(color=yellow,strength=100);color:maroon;font-size:95pt;font-weight:bold;top:40;left:0;width:100%;height:100%;visibility:hidden" align="center" id="diverr">错误</div>
</body>
</html>

所属频道：游戏娱乐特效/更新时间：2013-05-04

最新评论：