當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

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
亚洲嫩草影院久久精品