當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript编写了一个计时器

發(fā)布時間：2025/3/11 javascript 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript编写了一个计时器小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

初學JavaScript，用JavaScript編寫了一個計時器。

設計思想：

1、借助于Date()對象，來不斷獲取時間點；

2、然后用兩次時間點的毫秒數(shù)相減，算出時間差；

3、累加時間差，這樣就能把計時精確。

ps：

沒在網(wǎng)上看到有這種方法，一般都是用的setinterval，編程語言自帶的延時，時間控制都有比較大的誤差；

所以用系統(tǒng)時間相減的方法控制精準，并以本例顯示三位毫秒的數(shù)字印證準確度，設置的是100毫秒，而Js本身會有誤差；

這個程序可以避免不精確的問題。

本例互相交流用，并迫切希望得到的讀者的想法及建議。

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script type="text/javascript">var tFlag = 0;var tPass = 0;function timer(id) {if (tFlag != 0) {var tNew = new Date().getTime();tPass = tPass + (tNew - tFlag);tFlag = tNew;} else {tFlag = new Date().getTime();}setTimeout("timer('" + id + "')", 100);var ml = tPass % 1000;var sc = Math.floor((tPass / 1000) % 60);var mi = Math.floor((tPass / 1000 / 60) % 60);var hr = Math.floor((tPass / 1000 / 60 / 60) % 24);var dy = Math.floor(tPass / 1000 / 60 / 60 / 24);var info = dy + "天" + hr + "時" + mi + "分" + sc + "秒" + ml + "毫秒";document.getElementById(id).innerHTML = info;}</script></head><body><button type="button" οnclick="timer('ptime')">開始計時</button><p id="ptime"></p></body> </html>

總結

以上是生活随笔為你收集整理的JavaScript编写了一个计时器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： MySQL5.6忘记root密码(win
下一篇： gradle idea java ssm