簡(jiǎn)單的JS時(shí)鐘實(shí)例講解
更新時(shí)間：2016年01月13日 10:35:01 作者：Superpan2015
這篇文章主要為大家分享了一個(gè)簡(jiǎn)單的JS時(shí)鐘實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例介紹了JS時(shí)鐘實(shí)現(xiàn)代碼，分享給大家供大家參考，具體內(nèi)容如下
效果圖：
具體代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title>Document</title>
<script type="text/javascript">
function startTime () {
var today=new Date();
var y=today.getFullYear();
var mon=today.getMonth()+1;
mon=changNum(mon);
var d=today.getDay();
d=changNum(d);
var h=today.getHours();
var m=today.getMinutes();
m=changNum(m);
var s=today.getSeconds();
s=changNum(s);
document.getElementById("timeid").innerHTML=y+"年"+mon+"月"+d+"日"+h+":"+m+":"+s;
t=setTimeout(function(){
startTime();
},500);
}
function changNum(i){ //月、日、秒如果小于10數(shù)字前加0
if(i<10){
return "0"+i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<h1 id="timeid"></h1>
</body>
</html>
希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- javascript入門(mén)·動(dòng)態(tài)的時(shí)鐘,顯示完整的一些方法,新年倒計(jì)時(shí)
- JavaScript實(shí)現(xiàn)簡(jiǎn)單的時(shí)鐘實(shí)例代碼
- js實(shí)現(xiàn)倒計(jì)時(shí)時(shí)鐘的示例代碼
- js時(shí)鐘翻牌效果實(shí)現(xiàn)代碼分享
- js實(shí)現(xiàn)簡(jiǎn)單秒表走動(dòng)的時(shí)鐘特效
- javascript結(jié)合Canvas 實(shí)現(xiàn)簡(jiǎn)易的圓形時(shí)鐘
- 純js代碼制作的網(wǎng)頁(yè)時(shí)鐘特效【附實(shí)例】
- javascript數(shù)字時(shí)鐘示例分享
- js實(shí)現(xiàn)Form欄顯示全格式時(shí)間時(shí)鐘效果代碼
- JS實(shí)現(xiàn)簡(jiǎn)易刻度時(shí)鐘示例代碼
相關(guān)文章
一個(gè)封裝js代碼-----展開(kāi)收起效果示例
本文為大家介紹下一個(gè)封裝展開(kāi)收起效果js代碼;引用jQuery的框架，兼容ie6以上，火狐，谷歌，ie6沒(méi)有測(cè)試大家可以自己測(cè)試2013-07-07
微信小程序canvas實(shí)現(xiàn)刮刮樂(lè)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas實(shí)現(xiàn)刮刮樂(lè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法,涉及javascript鼠標(biāo)事件的相關(guān)技巧,需要的朋友可以參考下2015-06-06
Javascript獲取HTML靜態(tài)頁(yè)面參數(shù)傳遞值示例
獲取HTML靜態(tài)頁(yè)面參數(shù)傳遞值可以利用split函數(shù)來(lái)按參數(shù)切成數(shù)組、利用正則表達(dá)式來(lái)獲取，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
JavaScript 是近年來(lái)非常受矚目的一門(mén)編程語(yǔ)言，它既支持面向?qū)ο缶幊?，也支持函?shù)式編程。本文專(zhuān)門(mén)介紹JavaScript函數(shù)式編程的特性。2015-10-10
現(xiàn)在遇到這樣的需求，要求輸入一個(gè)a之后會(huì)出現(xiàn)包含a的下拉列表，當(dāng)我們點(diǎn)擊某一個(gè)的時(shí)候，搜索框中就會(huì)出現(xiàn)點(diǎn)擊的值。下面小編給大家分享同js和ajax實(shí)現(xiàn)百度智能搜索框，需要的的朋友參考下實(shí)現(xiàn)代碼2017-08-08
基于Flowplayer打造一款免費(fèi)的WEB視頻播放器附源碼
Flowplayer是一款免費(fèi)的WEB視頻播放器。它支持播放flv、swf等流媒體和圖片文件，能夠非常流暢的播放視頻文件，支持自定義配置和擴(kuò)展。下面本篇文章給大家介紹基于Flowplayer打造一款免費(fèi)的WEB視頻播放器，需要的朋友可以參考下2015-09-09
IE中提供了一個(gè)fireEvent方法大概就是觸發(fā)某個(gè)事件發(fā)生的意思，以為是和onclick()一樣，看來(lái)是我自已為是了,有時(shí)間還要多看看javascript的細(xì)節(jié)啊,廣大網(wǎng)友也是啊2013-02-02
JavaScript模擬文件拖選框樣式v1.0的實(shí)例
下面小編就為大家?guī)?lái)一篇JavaScript模擬文件拖選框樣式v1.0的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序頂部導(dǎo)航欄滑動(dòng)tab效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01