玩Web無窮(Enjoy Web Tech): 無蝦米兩碼字練習器

這是用網頁寫成的練習器，功能不多，但可隨機練習所有 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 = "&nbsp;";
		}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 = "&nbsp;";
}
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">&nbsp;</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">&nbsp;</div>
	<div id="div_result" align="left" style="width:200px">&nbsp;</div>
</div>
</body>
</html>
沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。
最新文章

追蹤我的朋友

無蝦米兩碼字練習器

0 意見:

張貼留言

搜尋此網誌

最新回應

文章分類

更多的文章在這裡
