魔方在線秒表javascript版

更新時間：2009年12月13日 01:34:35 作者：

當前頁面需最大化，可以保存以下HTML代碼為htm文件即可空格觸發(fā)。

效果如下圖所以，我發(fā)現(xiàn)了，本人最短時間為0.06秒，看大家的鍵盤與反應了。

測試代碼：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>魔方小站秒表 Stopwatch for Rubik's Cube China</title> </head> <style> td,input,div,th{font:9pt verdana} p {line-height:60%} </style> <body onkeyup="begin(event)" onkeydown="stop(event)" onload=rndCube()>   <center> <div   class="wppm3vysvbp"   id="watch" style="filter:shadraw(x=1,y=1,color=black);position:relative;width: 359px; height: 80px ; font-size:48pt; font-family:Arial; font-weight:bold; color:navy; text-align:center" >00:00.00</div> <p> <font size="2">用<font color="#000080"><b>空格</b></font>鍵<b>開始</b>(松開時觸發(fā))、<b>停止</b>(按下時觸發(fā))、<b>復位</b>(同時記錄成績)，enjoy：）</font></p> <p><b><font size="2" color="#FF0000">注意：</font></b><font size="2">請先最大化窗口或拉伸窗口使右邊的滾動條不出現(xiàn)，否則空格鍵會讓窗口滾動。</font></p> <p><font size="2">下面的記錄系統(tǒng)是魔方吧的MAN大俠編寫。</font> 　</p> 　<div   class="wppm3vysvbp"   id=rndDiv style="font:12pt Arial;font-weight:bold"></div> 　<input type=button value="清除所有記錄" onclick=mycls();><input type=button value="不記錄此次成績" type=button onclick=cancel();div1.focus()> 　<input type=button value="" style="width:0px;height:0px" onclick="document.focus" id=btn1> 　<div   class="wppm3vysvbp"   id=div1> <table cellspacing=1 bgcolor=olive> <tr bgcolor=#EEEEEE align=center> <td width=50>1 <td width=50>2 <td width=50>3 <td width=50>4 <td width=50>5 <td width=50>6 <td width=50>7 <td width=50>8 <td width=50>9 <td width=50>10 <td width=50>11 <td width=50>12 </tr> <tr bgcolor=white align=center> <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- <td width=50>- </tr> </table> </div> </center> <table align=center> <tr><td>最快:</td><td><span id=spanBest></span></td></tr> <tr><td>最慢:</td><td><span id=spanWorst></span></td></tr> <tr><td>平均:</td><td><span id=spanAv></span></td></tr> <tr><td>最好平均:</td><td><span id=spanBestAv></span></td></tr> </table> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: