Loading...
訪客人次:
觀迎訂閱這裡的文章:
HTML
CSS
DHTML(含程式基礎)
Blogger Widget
文章總覽
進入留言版
最新文章
Loading...
追蹤我的朋友
2009年8月14日 星期五
於 清晨7:49
,
標籤:
小遊戲
,
技巧分享
,
張貼者:
小妖
無蝦米兩碼字練習器
這是用網頁寫成的練習器,功能不多,但可隨機練習所有 676 個兩碼字
到底實用性如何?我也不知道,就當它是一種娛樂吧
娛樂是寫程式最大的動力 ^_^
<html> <head> <script> <!-- function $(s){ return document.getElementById(s); } var s_enChar = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; //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 s_words = "寸鎮鏡會金鑑威感俞華駐也貪良點救錢創戚術澳族錄貸成之" //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 s_currWord = null; var s_currCode = null; var d_start = null; var d_end = null; var i_right = 0; var i_wrong = 0; var i_help = 0; var b_isHelping = false; var b_isStarting = false; var i_intervalId = null; function fn_switchBtns(){ document.getElementById("fb_start").disabled = b_isStarting; document.getElementById("fb_stop").disabled = !b_isStarting; document.getElementById("fb_help").disabled = !b_isStarting; } function fn_start(){ if( b_isStarting ){ return; } d_start = new Date(); i_right = 0; i_wrong = 0; i_help = 0; b_isStarting = true; fn_getWord(); //document.getElementById("div_msg").innerHTML = "start"; document.getElementById("ft").select(); fn_switchBtns(); i_intervalId = window.setInterval("fn_showResult()",1000); } function fn_stop(){ if( !b_isStarting ){ return; } if( i_intervalId!=null ){ window.clearInterval(i_intervalId); i_intervalId = null; } document.getElementById("ft").select(); b_isStarting = false; fn_switchBtns(); fn_showResult(); } function fn_showResult(){ d_end = new Date(); var i_totalWords = i_right+i_wrong+i_help; var i_msec = d_end.getTime() - d_start.getTime(); var i_speed = i_totalWords*1000*60/i_msec; i_speed = Math.round(i_speed*100)/100; var i_totalSec = Math.floor(i_msec/1000); var i_sec = i_totalSec%60; var i_min = Math.floor(i_totalSec/60); var s_time = (i_min<10?"0":"")+i_min+":"+(i_sec<10?"0":"")+i_sec; var i_corrent = (i_totalWords==0?0:Math.round((i_right/i_totalWords)*100)/100); $("div_result").innerHTML = "time:"+s_time +"<BR>right:"+i_right+"<BR>wrong:"+i_wrong+"<BR>help:"+i_help +"<BR>speed(words/min): "+i_speed +"<BR>correct:"+i_right+"/"+i_totalWords+" ,"+i_corrent+"%"; } function fn_getWord(){ var i_index = Math.round(Math.random()*26*26); s_currWord = s_words.charAt(i_index); s_currCode = fn_getCode(i_index); for(var i=0;i<s_words.length;i++){ var i_buf = s_words.indexOf(s_currWord,i); if( i_buf<0 ){ break; } if( i_buf!=i_index ){ s_currCode += ","+fn_getCode(i_buf); } i = i_buf; } $("div_word").innerHTML = s_currWord; b_isHelping = false; } function fn_getCode(i_index){ var s_code = s_enChar.charAt(Math.floor(i_index/26))+s_enChar.charAt(i_index%26); return s_code; } function fn_check(){ var i = event.keyCode; //document.getElementById("div_msg").innerHTML = i; if( i==32 ){ var s_value = $("ft").value.toUpperCase().replace(/(^\s*)|(\s*$)/g, ""); if( s_value==s_currWord || s_currCode.indexOf(s_value)>=0 ){ if( b_isHelping ){ i_help++; }else{ i_right++; } fn_getWord(); $("ft").value = ""; $("div_msg").innerHTML = " "; }else{ $("div_msg").innerHTML = "Wrong!!";//+"#"+s_currCode+"#"+s_value+"#"; } $("ft").select(); return; }else if( i==13 ){ fn_start(); }else if( i==27 ){ fn_stop(); } $("div_msg").innerHTML = " "; } function fn_checkTab(){ var i = event.keyCode; //document.getElementById("div_msg").innerHTML = i; if( i==9 ){ i_wrong++; fn_getWord(); $("ft").value = ""; $("ft").select(); event.returnValue = false; }else if( i==112 ){ fn_showCode(); event.returnValue = false; } } function fn_showCode(){ b_isHelping = true; $("div_word").innerHTML = s_currWord+s_currCode; $("ft").select(); } --> </script> </head> <body onload="$('ft').select();"> <div align="center"> <div><a href="http://enjoywebtech.blogspot.com/">玩Web無窮(Enjoy Web Tech)</a></div> <div id="div_word"> </div> <input id="ft" onkeyup="fn_check(this)" onkeydown="fn_checkTab()" style="text-transform:uppercase;"><BR> <input id="fb_start" value="Start(Enter)" onclick="fn_start();" type="button"> <input id="fb_stop" value="Stop(Esc)" onclick="fn_stop();" disabled type="button"> <input id="fb_help" value="Show Code(F1)" onclick="fn_showCode();" disabled type="button"> Press Tab to skip <div id="div_msg"> </div> <div id="div_result" align="left" style="width:200px"> </div> </div> </body> </html>
沒找到你要的東西嗎?歡迎留下你的問題!若是我知道的,我會盡力的回答。
上一篇(較新的文章)
下一篇(較舊的文章)
訂閱留言意見 (Atom)
0 意見:
張貼留言
廣告訊息會被我刪除
搜尋此網誌
最新回應
Loading...
文章分類
小遊戲
(1)
技巧分享
(6)
其他
(4)
第三方網頁工具
(2)
軟體
(1)
程式基礎
(7)
閒聊
(8)
AJAX
(2)
Blogger
(4)
Blogger Widget
(5)
CSS
(16)
DHTML
(10)
HTML
(24)
Java
(2)
Web基礎
(1)
ZK
(5)
更多的文章在這裡
3月 2010
(1)
8月 2009
(3)
7月 2009
(2)
6月 2009
(2)
5月 2009
(1)
4月 2009
(3)
3月 2009
(4)
2月 2009
(3)
1月 2009
(2)
12月 2008
(2)
11月 2008
(4)
10月 2008
(3)
9月 2008
(3)
8月 2008
(4)
7月 2008
(4)
6月 2008
(2)
5月 2008
(3)
4月 2008
(1)
3月 2008
(4)
2月 2008
(3)
1月 2008
(7)
12月 2007
(3)
11月 2007
(5)
10月 2007
(12)
9月 2007
(1)
0 意見:
張貼留言
廣告訊息會被我刪除