JS網頁版的鍵位指法練習軟件源代碼_游戲娛樂特效

很不錯的基于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>

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

[收藏][報錯][返回列表]

相關游戲娛樂特效：

JS網頁版的鍵位指法練習軟件源代碼_游戲娛樂特效

游戲娛樂特效Rss訂閱特效代碼搜索

游戲娛樂特效推薦

猜你也喜歡看這些