JS完成精确到千分之一秒|萝卜系统

编程（Programming）是编定程序的中文简称，就是让计算机代码解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。为了使计算机能够理解（understand）人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

JS实现精确到千分之一秒

【实例描述】

JavaScript中的日期对象只能显示到秒：本例学习如何显示更精确的时间，类似于体育运动中常用的跑表。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-本站（www.xue51.com）</title>
<SCRIPT LANGUAGE="JavaScript">
var ms = 0;
var state = 0;
function startstop() 
{
    if (state == 0) {                     
//开始走秒
        state = 1;
        then = new Date();               
//获取当前时间
        then.setTime(then.getTime() - ms);
    } 
    else {                               
//结束走秒
        state = 0;
        now = new Date();
        ms = now.getTime() - then.getTime();
        document.form1.time.value = ms;
   }
}
function timeReset()                     
//重置时间的方法
{
    state = 0;
    ms = 0;
    document.form1.time.value = ms;
}
function display()                         
//开始显示时间
{
    setTimeout("display();", 1);          
//设置定时器
    if (state == 1)  {now = new Date();    
//获取当前的新时间
    ms = now.getTime() - then.getTime();   
//通过时间差计算豪秒
    document.form1.time.value = ms;        
//显示毫秒
    }
}
</SCRIPT>
</head>
<body onLoad="display()"> 
    <form name="form1">
        本例的时间可以准确到千分之一秒<br>
        计时:
        <INPUT TYPE="text" Name="time" /><br />
        <INPUT TYPE="BUTTON" Name="btnSet" 
VALUE="开始/停止" onClick="startstop()" />
        <INPUT TYPE="BUTTON" NAME="reset" 
VALUE="重置" onClick="timeReset()" />
    </form>
</body>
</html>

【运行效果】

精确到千分之一秒运行效果

【难点剖析】

本例的重点是毫秒的计算。当用户单击“开始/停止”按钮时，首先判断现在是否有时问在显示，有则表示要停止显示时间，否则开始显示时间。开始计时时，首先要获取当前时间，然后每隔一毫秒修改一下当前时间。最终显示的内容是当前时间减去初次显示时的时间，结果为毫秒值。

【源码下载】

为了JS代码的准确性，请点击：精确到千分之一秒进行本实例源码下载

使用编程语言写的程序，由于每条指令都对应计算机一个特定的基本动作，所以程序占用内存少、执行效率高。

……

标签:JS完成精确到千分之一秒