Go语言视频零基础入门到精通

wn22 · 发表于 2011-11-1 12:11:32

一个练习打字程序，不兼rongfirefox，原因是自动获得焦点和截获键盘事件不兼容。

HTML代码

<html>
<head>
<title> 打字練习 </title>
<script>
var timer_handle;
var1 started=0;

function creatword()
{
var random_word=["A","B","C","D","E","F","G","H","I","J","K","L","M","N",
      "O",&quot

","Q","R","S","T","U","V","W","X","Z"];
var index=Math.floor(Math.random()*26);
document.word.fallword.value="  "+random_word[index]+"  ";
}

function fallgo()
{
var height=0;
height=document.word.fallword.style.top.slice(20,-2);
heightheight=height-1+21;
if(height>=680)
{
alert("you loose!");
clearInterval(timer_handle);
started=0;
document.word.fallword.style.top="30px";
document.word.fallword.value="ready";
}
else
{
document.word.fallword.style.top=height+"px";
}
}

function shot()
{
if(event.keyCode==13)
{
event.keyCode=9;
if("  "+document.word.inputword.value.toUpperCase()+"  "==document.word.fallword.value)
{
document.word.fallword.style.top="30px";
creatword();
document.word.inputword.value="";
}
}
}

function startfall()
{
if(started==0)
{
timer_handle=setInterval("fallgo();",500);
creatword();
started=1;
}
}

function fff()
{
document.word.inputword.focus();
}
</script>
</head>

<body>
<form name="word">
<input type="text" name="inputword" style="position:absolute;left:550px;top:700px" onkeydown="shot()" onblur="fff();">
<input type="button" name="fallword" value="ready" style="position:absolute;left:550px;top:30px"/>
<input type="button" name="start" value=" 开始 " style="position:absolute;left:600px;top:750px" onclick="startfall();"/>
</form>
</body>
</html>

<html>
<head>
<title> 打字练习 </title>
<script>
      var timer_handle;
      var started=0;
      function creatword()
      {
         var random_word=["A","B","C","D","E","F","G","H","I","J","K","L","M","N",
                           "O","P","Q","R","S","T","U","V","W","X","Z"];
         var index=Math.floor(Math.random()*26);
         document.word.fallword.value="  "+random_word[index]+"  ";
      }
      function fallgo()
      {
         var height=0;
         height=document.word.fallword.style.top.slice(0,-2);
         height=height-1+21;
         if(height>=680)
         {
            alert("you loose!");
            clearInterval(timer_handle);
            started=0;
            document.word.fallword.style.top="30px";
            document.word.fallword.value="ready";
         }
         else
         {
            document.word.fallword.style.top=height+"px";
         }
      }
      function shot()
      {
         if(event.keyCode==13)
         {
            event.keyCode=9;
            if("  "+document.word.inputword.value.toUpperCase()+"  "==document.word.fallword.value)
            {
                  document.word.fallword.style.top="30px";
                  creatword();
                  document.word.inputword.value="";
            }
         }
      }
      function startfall()
      {
         if(started==0)
         {
            timer_handle=setInterval("fallgo();",500);
            creatword();
            started=1;
         }
      }
      function fff()
      {
         document.word.inputword.focus();
      }
</script>
</head>
<body>
      <form name="word">
         <input type="text" name="inputword" style="position:absolute;left:550px;top:700px" onkeydown="shot()" onblur="fff();">
         <input type="button" name="fallword" value="ready" style="position:absolute;left:550px;top:30px"/>
         <input type="button" name="start" value=" 开始 " style="position:absolute;left:600px;top:750px" onclick="startfall();"/>
      </form>
</body>
</html>
欢迎来到Javaxue習者论壇,转載请注明地址:http://www.javaxxz.com.

mone12 · 发表于 2011-11-1 12:11:39

不够完美，需要改进

黑色灵兵 · 发表于 2011-11-1 12:11:46

少了一個字母“Y”

不要错过 · 发表于 2011-11-1 12:11:53

一般般。。。。。。
与练习打字软件差太远，娛乐而已。

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

^练习打字js □

相关帖子

Re:^练习打字js

Re:^练习打字js

Re:^练习打字js