JS使用setInterval實現(xiàn)的簡單計時器功能示例
本文實例講述了JS使用setInterval實現(xiàn)的簡單計時器功能。分享給大家供大家參考，具體如下：
使用setInterval實現(xiàn)計時，并且滿60秒向分鐘進(jìn)一，滿60分鐘向小時進(jìn)一。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.dbjr.com.cn JS計時器</title>
<script>
window.onload = function(){
var mm = 0;
var ss = 0;
var str = '';
var timer = setInterval(function(){
str = "";
if(++ss==60)
{
if(++mm==60)
{
mm=0;
}
ss=0;
}
str+=mm<10?"0"+mm:mm;
str+=":";
str+=ss<10?"0"+ss:ss;
document.getElementById("d").innerHTML = str;
},1000);
};
</script>
</head>
<body>
<div id="d"></div>
</body>
</html>
運行結(jié)果：
PS：這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用：
在線秒表工具：
http://tools.jb51.net/bianmin/miaobiao
在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
本文是小編日常讀書筆記整理有關(guān)javascript知識，都是js精粹非常不錯，具有參考借鑒價值，特此分享到腳本之家平臺供大家參考2016-06-06
今天無意看到了這個分頁控件，不過使用方法不是很清楚沒有研究，。大家可以自行研究，里面的函數(shù)寫法倒是不錯，需要內(nèi)容的結(jié)合2013-07-07
百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向
本文主要介紹了百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
javascript中window.location.href的用法
window.location.href?是一個用于獲取當(dāng)前頁面?URL?或讓瀏覽器跳轉(zhuǎn)到新?URL?的重要方法,本文就詳細(xì)的介紹一下javascript中window.location.href的用法,感興趣的可以了解一下2023-08-08
這篇文章主要給大家介紹了關(guān)于前端技巧之js-md5的簡單使用,js-md5是一種前端加密算法,用于在前端對密碼等敏感信息進(jìn)行加密,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
JavaScript自定義瀏覽器滾動條兼容IE、 火狐和chrome
本文主要分享了使用原生JavaScript實現(xiàn)自定義瀏覽器滾動條兼容IE、 火狐和chrome的思路與方法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
js 將線性數(shù)據(jù)轉(zhuǎn)為樹形的示例代碼
這篇文章主要介紹了js 將線性數(shù)據(jù)轉(zhuǎn)為樹形的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
在前端開發(fā)中,為了優(yōu)化用戶的交互體驗,常需要用到彈窗來進(jìn)行提示,引導(dǎo)用戶操作,下面這篇文章主要給大家介紹了關(guān)于uniapp中常用的幾種提示彈框的相關(guān)資料,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了JavaScript實現(xiàn)的伸展收縮型菜單代碼,可實現(xiàn)JavaScript響應(yīng)鼠標(biāo)事件動態(tài)遍歷及修改頁面元素屬性的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
本文主要介紹了JavaScript本地存儲實現(xiàn)用戶名存儲案例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07