魔方在线秒表javascript版

效果如下图所以,我发现了,本人最短时间为0.06秒,看大家的键盘与反应了。

测试代码:

魔方小站秒表 Stopwatch for Rubik's Cube China

td,input,div,th{font:9pt verdana}
p {line-height:60%}

var Max=25;
var bestAve;
var then;
var nowDec;
var nowBest;
var nowWorst;
var runing=0;
var timeint;
var i=0;
var totalsec;
var sec;
var min;
var subsec;
var secdis;
var mindis;
var subsecdis;
var datas=new Array()
var nowSecondes;
function getAv(st,ed)
{
for(i=st;i0)
{
Ms=tmpDec[0]*60
return(Ms+tmpDec[1]*10/10)
}else{
return(tmpDec[1]*10/10)
}

}

function begin(evt)
{
if (evt.keyCode==32)
{
if (runing==0){
then=new Date();
runing=1;
show();
}
else if (runing==1)
{
runing=2;
}
else
{
ShowDatas(toSeconds(nowSeconds))
document.getElementById("watch").innerHTML="00:00.00";
runing=0;

}
}
}
var a=0;
function ShowDatas(dec)
{
if(dec==0){return false}
var newDec=get2(dec)
datas.push(newDec) //添加记录

SortDatas() //排序得到最大最小值
ShowDetails()
spanBest.innerHTML=""+sec2minsec(nowBest)+""
spanWorst.innerHTML=""+sec2minsec(nowWorst)+""
var tmp1=0;
for(i=0;i"+sec2minsec(get2(tmp1/datas.length))+""

}
var bestAve=new Array();
function sec2minsec(n)
{ if (n>60)
{
var tmpmins=Math.floor(n/60);
var tmpseconds=get2(n-tmpmins*60);
var tmpstring
if (tmpseconds12){a=datas.length -12}
var tmpTd="

";
for(i=a;i"
if(datas[i]==undefined){tmpTd+="-"}
else
{
if(datas[i]==nowBest || datas[i]==nowWorst)
{

tmpTd+=sec2minsec(datas[i])+"*"
}else
{
tmpTd+=sec2minsec(datas[i]);
}
}
tmpTd+="

"
}
tmpTd+="

1

2

3

4

"
tmpTd+="5

6

7

8

9

10

11

12

"
//alert(datas.join(","));
div1.innerHTML="";
div1.innerHTML=tmpTd;
rndCube();
document.focus();

}
function show()
{ var now=new Date();
diff=now.getTime()-then.getTime();
totalsec=Math.floor(diff/1000);
sec=totalsec%60;
if(sec

function cancel()
{ clearTimeout(timeint);

nowSeconds="00:00:00";

runing=0;
btn1.focus();
rndCube();
document.getElementById("watch").innerHTML="00:00.00";

}
function rndCube()
{
var move="";
var rndMove=new Array("R","L","F","B","U","D")
var add=0;
var tmpRnd;
var arr=new Array();
while(true)
{
if(add>=Max){break}
//tmpRnd=Math.round(Math.random()*5)
if(tmpRnd==arr[arr.length -1])
{ tmpRnd=Math.floor(Math.random()*6);
}
else
{ arr.push(tmpRnd)
add++
}

}
for(i=0;i

00:00.00

空格开始(松开时触发)、停止(按下时触发)、复位(同时记录成绩),enjoy:)

注意:请先最大化窗口或拉伸窗口使右边的滚动条不出现,否则空格键会让窗口滚动。

下面的记录系统是魔方吧的MAN大侠编写。
 

 

 
 
 

1

2

3

4

5

6

7

8

9

10

11

12
-

-

-

-

-

-

-

-

-

-

-

-
最快:
最慢:
平均:
最好平均:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • js仿iphone秒表功能 计算平均数

    js实现类似iphone的秒表,添加平均数功能 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>s

  • BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

    时钟 最简单的时钟制作办法是通过正则表达式的exec()方法,将时间对象的字符串中的时间部分截取出来,使用定时器刷新即可 <div id="myDiv"></div> <script> myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new Date().toString())[0]; setInterval(function(){ myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new

  • 一个iOS上的秒表小应用的实现方法分享

    模仿实现一下ios系统应用时钟里的秒表程序,就是这个应用: 主要实现的功能: 1.由start/stop键实现计时 2.有reset/lap键实现复位和计次 需要思考的点: 1.时间的表示方法(有很多种思路) 2.计次数据的倒序排列,即计次1的数据在最底端,依次向上为计次2,计次3的时间数据 我的实现: ARC省去了我们自行管理内存的大部分事情,写惯了c++于是舒服了很多 复制代码 代码如下: - (IBAction) startOrstop:(UIButton *)sender  {     

  • javascript判断iphone/android手机横竖屏模式的函数

    查了不少资料,最后结论如下: 复制代码 代码如下: function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees counter-clockwise case 90

  • javascript设计简单的秒表计时器

    本文实例讲述了javascript设计简单的秒表计时器的实现代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <html> <head> <title> New Document </title> </head> <body> <form action="somepage.asp"> <input type="text" value="0&q

  • js判断手机端(Android手机还是iPhone手机)

    网上常用的代码 /** * [isMobile 判断平台] * @param test: 0:iPhone 1:Android */ function ismobile(test){ var u = navigator.userAgent, app = navigator.appVersion; if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alca

  • 原生js 秒表实现代码

    html代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="gb2312"> <head> <style type="text/css"> #container { margin:0 auto; margin-top:10%; width:200px; } #t

  • Android实现的秒表计时器示例

    本文实例讲述了Android实现的秒表计时器.分享给大家供大家参考,具体如下: package com.liu.time; import java.util.Timer; import java.util.TimerTask; import android.app.Activity; import android.app.AlertDialog; import android.content.Context; import android.content.DialogInterface; imp

  • Android自定义Chronometer实现短信验证码秒表倒计时功能

    本文实例为大家分享了Chronometer实现倒计时功能,Android提供了实现按照秒计时的API,供大家参考,具体内容如下 一.自定义ChronometerView 继续自TextView 主要原理:先设置一个基准倒计时时间mBaseSeconds,内置handler 每隔1s发送一个空消息,mRemainSeconds--,同时刷新界面视图,回调给外部调用者,只到为零.外部调用者可通过start()/pause()/stop()来控制计时器的工作状态. 可以app中发送短信验证码的场景为例

  • js实现简单的秒表走动的时钟特效

    本文实例介绍了javascript实现简单的秒表走动的时钟特效.分享给大家供大家参考.具体如下:   运行效果图如下: 实现代码: <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds(

随机推荐