當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS實現精確到千分之一秒

JS實現精確到千分之一秒

2012/11/5 19:12:30作者:佚名來源:網絡

移動端

【實例名稱】

JS實現精確到千分之一秒

【實例描述】

JavaScript中的日期對象只能顯示到秒:本例學習如何顯示更精確的時間,類似于體育運動中常用的跑表。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(www.yzddtk.cn)</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代碼的準確性,請點擊:精確到千分之一秒 進行本實例源碼下載 

標簽: 時間    

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频