📄 help.htm

📁 一款就阿javascrip打字练习程序
💻 HTM
📖 第 1 页 / 共 3 页
字号:
12 3 下一页
<html>
<head>
<title>使用说明</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
	body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
-->
</style>
 <bgsound id=bgsong src="" >
<script language="javascript">
//table {  font-family: "Verdana"; font-size: 12px; color: #000000; text-decoration: none; border: 1px #000000 dashed; filter: Alpha(Opacity=60); background-color: #CC66FF}
//div {  font-family: "Verdana"; font-size: 12px; color: #000000; text-decoration: none; border: 1px #000000 dashed; filter: Alpha(Opacity=60); background-color: #99cc00}
//*************************************
//>>>>>> 英文文章练习       <<<<<<<<<<<<
//>>>>>> Right By Piaoyang80<<<<<<<<<<<<
//>>>>>> 2003/05/25         <<<<<<<<<<<<
//*************************************
//变量声明
var txtPath="..\\txt\\han\\";	//目录设置
var ForReading=1;			//设置文件读取方式.
var sarray;					//记录文章
var strline=0;				//当前文章总行数
var curline=0;				//当前行数
var strlen=0;				//当前文件总字数；
var curlen=0;
var cli=0;					//当前行的指针
var cpi=0;					//当前页的当前行；
var strfile="";				//要读取的文件名	
var tline=0;				//当前页的总长度；
var fileNum=1;				//文件名;
var notL=0;					//记录已打完行的错误个数
var notI=0;					//记录当前行的错误个数
var okL=0;					//记录已打完行的 正确个数	
var okI=0;

var timego=0;				//记录是否在计时；
var mtime=0;				//记录练习时间，分钟；
var mtimer=null;

var relen=1;				//记录长度变化;
var t_key=0;
//初始化当前页
function iniThisPage(){
	var s="";
	var mi;
	var mname;
	var tname;
	var i;
	//首先清空原来的目标文字
	for(i=0;i<5;i++){
		mname="m"+i;
		tname="t"+i;
		document.all(mname).innerText="";
		document.all(tname).value="";
	}
	//重新显示下一页文章;
	if ((strline-curline)>=5){
		for(i=0;i<5;i++){
			mname="m"+i;
			tname="t"+i;
			document.all(mname).innerHTML="<font color='black'>"+sarray[i+curline]+"</font>";
			document.all(mname).style.width=560;
			document.all(tname).maxLength=sarray[i+curline].length;
			document.all(tname).size=sarray[i+curline].length*2;
		}
		curline=curline+5;
		tline=5;
	}
	else{
		mi=strline-curline;
		for(i=0;i<mi;i++){
			mname="m"+i;
			tname="t"+i;
			document.all(mname).innerHTML="<font color='black'>"+sarray[i+curline]+"</font>";
			document.all(mname).style.width=560;
			document.all(tname).maxlength=sarray[i+curline].length;
			document.all(tname).size=sarray[i+curline].length*2;
		}
		curline=strline;//表示已经输出完毕;
		tline=mi;
	}
	//设置变量
	cli=0;
	cpi=0;//当前页的当前行
	//调用设置第一个光标
	fircursor();
	//调用设置焦点
	setf();
}
//设置第一个光标
function fircursor(){
var ts;
var tf;
var te;
var tl;
var mname;
	mname="m"+cpi;
	ts=document.all(mname).innerText;
	tl=ts.length-1;	
	tf=ts.charAt(0);
	tf="<font color='blue'><u>"+tf+"</u></font>";
	te=ts.substr(1,tl);
	document.all(mname).innerHTML=tf+te;
}
//计时函数
function startClock(){
	mtime++;
	mtimer=setTimeout("startClock()",1000);
}
function stopClock(){
	clearTimeout(mtimer);
}

//处理输入一个字函数
function kup(){
var tstr="";//记录当前输入框字符串
var tlen=0;	//当前输入框字符串的长度
var mstr="";//记录当前目标 框字符串
var mlen=0;	//当前目标 框字符串的长度
var sstr;   //要输出的html字符串
var mname="m"+cpi;
var tname="t"+cpi;

if (event.keyCode==13)
{event.returnValue=false;
setf();
}
else{
	if (timego==0){
		timego=1;
		//调用计时
		startClock();
	}
	sstr="";
	notI=0;
	okI=0;
	//
	tstr=document.all(tname).value;
	tlen=tstr.length;
	//
	mstr=document.all(mname).innerText;
	mlen=mstr.length;
	//循环判断
	for(var i=0;i<tlen;i++){
		if(tstr.charAt(i)==mstr.charAt(i)){
			sstr=sstr+tstr.charAt(i);
			okI++;
			}
		else{
			sstr=sstr+"<font color='red'>"+mstr.charAt(i)+"</font>";
			notI++;
		}
	}
	if (tlen<mlen){
		//下个字加亮
		sstr=sstr+"<font color='blue'><u>"+mstr.charAt(tlen)+"</u></font>";
		sstr=sstr+mstr.substr(tlen+1,mlen-tlen);
		//输出目标行
		document.all(mname).innerHTML=sstr;
	}
	else{
		//输出目标行
		document.all(mname).innerHTML=sstr;
		if(event.keyCode==32){
			cpi++;	//当前页当前行自加；					
			//如果没有超出当前页的总行数。
			if (cpi<tline){
				//调用设置当前光标
				fircursor();
				//调用设置焦点
				setf();
				//统计
				notL=notL+notI;
				okL=okL+okI;
			}
			else{
				//看看是不是该换一页了。
				if(curline<strline){
					//调用初始化当前页
					iniThisPage();
					//统计
					notL=notL+notI;
					okL=okL+okI;
				}
				else stopall();
				//本次练习结束。
			}
		}
	}
}
}

//设置交点函数;
function setf(){
	//设置当前页当前行为焦点--cpi;
	var tname;
	tname="t"+cpi;
	//设置焦点
	document.all(tname).focus();
}
//showmenu redoall stopall
function initendmenu(){
	zc.innerHTML=strlen;
	ywc.innerHTML=notL+notI+okL+okI;
	cw.innerHTML=notL+notI;
	var ts=(okL+okI)/(notL+notI+okL+okI);
	ts=ts*10000;
	ts=Math.round(ts);
	ts=ts/100;
	zql.innerHTML=ts+"%";
	sj.innerHTML=mtime+"秒";
	ts=(notL+notI+okL+okI)/mtime;
	ts=ts*600;
	ts=Math.round(ts);
	ts=ts/10;
	sd.innerHTML=ts;
}

function showmenu(mi){

	if (mi==2){
		endmenu.style.visibility="hidden";
		pmenu_back.style.visibility="hidden";
		t_key=0;
		}
if(t_key==0){		
		pmenu.style.visibility='';
		pmenu.style.top=160;
		pmenu.style.left=180;
		
		pmenu_back.style.visibility='';
		pmenu_back.style.top=170;
		pmenu_back.style.left=190;
}
t_key=1;
}
function redoall(mi){
if (mi==2){
	endmenu.style.visibility="hidden";
	pmenu_back.style.visibility='hidden';}
	initvar();
	iniThisPage();
t_key=0;
}
function stopall(){
if(t_key==0){
12 3 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -