在线英文打字测试（php）

最新推荐文章于 2024-12-13 09:20:34 发布

Sqwer

最新推荐文章于 2024-12-13 09:20:34 发布

阅读量6.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签：测试 php javascript input function button

本文链接：https://blog.youkuaiyun.com/sqwer/article/details/6464863

本文介绍了一个使用PHP编写的在线英文打字速度测试网页。作者在学习数据结构课程时，为了方便测试打字速度，决定创建一个网页版的打字测试程序。代码包括开始、停止和重置计时功能，并提供初级、中级、高级三个难度等级的选择。用户可以在文本框中输入文字，程序会计算并显示打字速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一次在上数据结构的课程时，突然想测试下自己的英文打字的速度。
   可郁闷的是网上找了半天也没找出个结果，很多的是做成软件的形式，我想如果有个网页式的打字测试那很方便咯！也省的去下载客户端软件了，呵呵。。。
   于是自己便想试着用自己学了一点时间的PHP，写下在线打字程序。
   在次把代码贴出，这个只是一个初级的打字页面。本人设置了初、中、高三个等级！(*^__^*) 嘻嘻……原理差不多！
  这个是初级的程序页面！
   <?php
//error_reporting(E_ALL);
error_reporting(0); //屏蔽warning
?>
<html>
<head>
  <title>在线测试英文打字速度</title>
  <META NAME="save" CONTENT="history">
  <STYLE>
   .sHistory {behavior:url(#default#savehistory);}
  </STYLE>
  <SCRIPT LANGUAGE="JavaScript">
    
</SCRIPT>
</head>
<body topmargin="0" onLoad="display()" onselectstart="return false" onpaste="alert('想偷懒么？');" oncopy="return false;" oncut="return false;" oncontextmenu="window.event.returnValue=false">
  <form action="" method="post" name="stpw" valign="top">
    <table align="center" cellspacing="10" cellpadding="0" border="0">
      <tr width="200" align="left">
        <td style="color:red">    请选择想要挑战的级别（(*^__^*) 嘻嘻……）:</td>
     <td><input name="magic" value="basic" type="radio" onclick="javascript:location.href='basic.php';" checked>初级</td>
     <td>    <input name="magic" value="middle" type="radio" onclick="javascript:location.href='middle.php';">中级</td>
     <td><input name="magic" value="high" type="radio" onclick="javascript:location.href='high.php';">高级</td>
     </tr>
     <tr width="200">
    <td colspan="4" width="800">范文：<br>
      Good morning ! It is really my honor to have this opportunity for a interview, I hope i can make a good performance today. I'm confident that I can succeed.  Now i will introduce myself briefly I am 26 years old,born in shandong  province . <br>
      I was graduated from qingdao university. my major is electronic.and i got my bachelor degree after my graduation in the year of 2003.<br>
      </td>
    </tr>
    <tr>
   <td colspan="4">开始测试喽<font color="red">（在下面的输入框开始打字吧）:</font><br>
   <b>计时开始:</b><INPUT TYPE="text" Name="time" class=sHistory>
                          <INPUT TYPE="BUTTON" Name="ssbutton" VALUE="开始/停止" onClick="startstop()">
                          <INPUT TYPE="BUTTON" NAME="reset" VALUE="重置" onClick="swreset()">
      </td>
     </tr>
     <tr>
    <td colspan="3">
      <textarea name="in" cols="70" rows="20" wrap="on" onfocus="
" onBlur=""></textarea></td>
       <td ><input name="ssbutton" type="submit" value="点击往下看结果吧"><input type="hidden" name="wtime" value=""></td>
     </tr>
    </table>
  </form>
<div style="margin-left:90">
<?php
  if($_POST['ssbutton']=="点击往下看结果吧")
  {
    $total=$_POST['in'];
$time=$_POST['time'];
    $arr = explode(" ",$total); //explode 的作用是把字符串分割为数组
foreach ($arr as $value)
{ $result.=$value; }
$num=strlen($result);
$ltime=(int)($time/1000);
echo "测试的结果为:";
echo "<br>总输入为：<font color='red'>".$num."个</font>";
echo "   所使用的时间为：<font color='red'>".$ltime."秒</font>";
if($ltime==0)
{
     echo "   您最终的打字速度为：<font color='red'>0个/秒</font>";
}
else
{
     echo "   您最终的打字速度为：<font color='red'>".$num/$ltime."个/秒</font>";
}
  }
?>
</font>
</div>
</body>
  已经在本地测试通过了，不过觉得代码还是有些生硬，不是很美！
  我知道还有很多的地方还值得去推敲下!如果大家有什么好的建议，可以提出来啊！大家可以讨论下！
  搞了一天的东东了，终于有成果了哈！(*^__^*) 嘻嘻……开心咯！