用JS做的打字程序(为qixiao)

转载 2004年11月01日 13:01:00
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="JSTestSpeed.aspx.vb" Inherits="zero.JSTestSpeed"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <title>JSTestSpeed</title>
  <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <Script language="javaScript">
  var str="dsafadsadsf wagfansgasdfaf; asdf;asf sadfasdfsdfsafasdfasfdasfdsafsfsasdfasff";
  var textLength = 60;
  var subStr = "";
  var j=1;
        var tRow=Math.round(str.length/textLength)+1;
       
        var RowMax=0;
  for(i=0;i<str.length;i++){
   subStr = str.substring(i,i+textLength);
   document.write("<input type='text' name='res"+j+"' readonly maxlength="+textLength+" class='res' value='"+subStr+"'>");
   if (subStr.length<textLength)
   RowMax=subStr.length;
   else
   RowMax=textLength;
   document.write("<input type='text' name='des"+j+"'  maxlength="+RowMax+" class='des' onkeyup=checkThis(res" +j+",des" +j+ ","+j+")>");
   document.write(" 本行错误数:<input type='text' name='erow"+j+"' style='width:30px' value=0 >");
      document.write("<p>");
   i=i+textLength-1;
   j=j+1;
   
  }
  
  function checkThis(obj1,obj2,j){
  
   var str1 = obj1.value;
   var str2 = obj2.value;
   
   var t=0;
   var rN=0;
            var theNumber = 0;
   for(i=0;i<str1.length;i++){
    if(str1.substring(i,i+1)!=str2.substring(i,i+1) && str2.substring(i,i+1)!="")
     theNumber=theNumber+1;
    else if (str2.substring(i,i+1)!="")
        rN=rN+1;
    
   }
      document.getElementsByName("erow"+j).item(0).value=theNumber;
      for (var s=1;s<=tRow;s++)
       t=t+parseInt(document.getElementsByName("erow"+s).item(0).value);
  
   document.all("theNumber").value=t;
   document.all("rN").value=rN;
  
  }
  
   
  
  </Script>
  <style>
   body,input{font-size:12px;font-family:verdana;}
  .res{ color:white;width:80%; background-color:royalblue;border:1px solid gray;}
  .des{ color:green;width:80%;border:1px solid gray;}
  input{border:1px solid gray;}
  </style>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   总错误数目:<input type="text" name="theNumber" readonly value="0" style="width:30px"> &nbsp;正确数目:<input type="text" readonly name="rN" value="0" style="width:30px">
  </form>
 </body>
</HTML>

MFC打字训练娱乐程序(二)

继续MFC打字训练娱乐程序,今天先简要介绍一下程序中用到的一些函数,其实都可以写成类的形式,能更方便的使用,比函数形式有很大的好处,在小函数中我们只能定义了一下变量名后,在其他的函数中如果再用这个名称...
  • sea_spray
  • sea_spray
  • 2010年02月19日 23:25
  • 834

javascript实现的简单打字游戏

传智打字游戏 .label{ position:absolute;left: 0px; } var CODE = "QWERTYUIOPASDFGHJKLZXCVB...
  • z_Dendy
  • z_Dendy
  • 2013年06月03日 09:59
  • 1237

MFC打字训练娱乐程序(一)

今天终于把打字训练程序完工了,下面简要说一下整体思路,和大家分享之。主窗口这一块,先从文件路径找到字典所在(路径查找在子窗口操作),并申请动态内存,用以存放读入的内容,并进行随机显示单词的操作。使用了...
  • sea_spray
  • sea_spray
  • 2010年02月17日 23:38
  • 1286

JS模拟打字练习

无标题文档 function $(id){ return document.getElementById(id); } var str="hello,welcome to study ...
  • u011724770
  • u011724770
  • 2016年09月10日 17:53
  • 489

HTML5+JS游戏开发模块----canvas打字游戏

原本要继续研究塔防游戏,但发现寻路算法搞不定,其实算法压根看不懂,看的头晕,炮塔自动追踪移动物体也搞不定,塔防项目得延迟了。所以,就搞了另外一个游戏,键盘打字母游戏,老样子,因为初学javascrip...
  • wujimiao
  • wujimiao
  • 2016年10月05日 10:36
  • 1457

我用C写的打字程序

已经转到http://www.shaohui.org/page_56.html了.我在学C的时候写的程序,现在愿意拿来和大家分享.你可以到下列地址直接下载http://www.freewebs.com...
  • shaohui
  • shaohui
  • 2004年11月02日 14:03
  • 9664

HTML5+JS游戏开发模块----canvas打字游戏升级版

之前发了简单版本打字游戏,现在增加图片,设置开始按钮,记录分数,字母显示也改成对象数组,直接操作对象而不是操作对象属性,孰好孰坏,我也不懂,我也是初学者。...
  • wujimiao
  • wujimiao
  • 2016年10月06日 10:57
  • 1961

js+canvas+html 写的打字游戏

javascript+html5实现打字游戏 body{padding:0;margin:0;} .main{width:800px;height: 600px;margin:30px aut...
  • qq_35881389
  • qq_35881389
  • 2016年12月01日 17:24
  • 140

教你如何写js小游戏----打字母

从上面掉落字母键盘输入字母,正确通过,错误下一个字母知道错几个 写这个小游戏知道几个关键的东西 1、 onkeydown事件,当鼠标按下时 2、onclick事件,点击 3、var a=(Ma...
  • myfmyfmyfmyf
  • myfmyfmyfmyf
  • 2012年09月20日 11:40
  • 3268

JS实现简单的打字效果

无标题文档 function $(id){ return document.getElementById(id); } var str="hello,welcome to study ...
  • qfxsxhfy
  • qfxsxhfy
  • 2014年10月22日 12:48
  • 1115
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JS做的打字程序(为qixiao)
举报原因:
原因补充:

(最多只允许输入30个字)