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