当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

JS完成精确到千分之一秒

JS完成精确到千分之一秒

更新时间:2023-06-19 文章作者:未知 信息来源:网络 阅读次数:

编程(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代码的准确性,请点击:精确到千分之一秒 进行本实例源码下载 


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

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html