簡單的JS時鐘實例講解
更新時間：2016年01月13日 10:35:01 作者：Superpan2015
這篇文章主要為大家分享了一個簡單的JS時鐘實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例介紹了JS時鐘實現(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>
希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。
相關(guān)文章
本文為大家介紹下一個封裝展開收起效果js代碼;引用jQuery的框架，兼容ie6以上，火狐，谷歌，ie6沒有測試大家可以自己測試2013-07-07
這篇文章主要為大家詳細介紹了微信小程序canvas實現(xiàn)刮刮樂效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
JS實現(xiàn)窗口加載時模擬鼠標(biāo)移動的方法
這篇文章主要介紹了JS實現(xiàn)窗口加載時模擬鼠標(biāo)移動的方法,涉及javascript鼠標(biāo)事件的相關(guān)技巧,需要的朋友可以參考下2015-06-06
Javascript獲取HTML靜態(tài)頁面參數(shù)傳遞值示例
獲取HTML靜態(tài)頁面參數(shù)傳遞值可以利用split函數(shù)來按參數(shù)切成數(shù)組、利用正則表達式來獲取，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
JavaScript 是近年來非常受矚目的一門編程語言，它既支持面向?qū)ο缶幊?，也支持函?shù)式編程。本文專門介紹JavaScript函數(shù)式編程的特性。2015-10-10
現(xiàn)在遇到這樣的需求，要求輸入一個a之后會出現(xiàn)包含a的下拉列表，當(dāng)我們點擊某一個的時候，搜索框中就會出現(xiàn)點擊的值。下面小編給大家分享同js和ajax實現(xiàn)百度智能搜索框，需要的的朋友參考下實現(xiàn)代碼2017-08-08
基于Flowplayer打造一款免費的WEB視頻播放器附源碼
Flowplayer是一款免費的WEB視頻播放器。它支持播放flv、swf等流媒體和圖片文件，能夠非常流暢的播放視頻文件，支持自定義配置和擴展。下面本篇文章給大家介紹基于Flowplayer打造一款免費的WEB視頻播放器，需要的朋友可以參考下2015-09-09
IE中提供了一個fireEvent方法大概就是觸發(fā)某個事件發(fā)生的意思，以為是和onclick()一樣，看來是我自已為是了,有時間還要多看看javascript的細節(jié)啊,廣大網(wǎng)友也是啊2013-02-02
下面小編就為大家?guī)硪黄狫avaScript模擬文件拖選框樣式v1.0的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細介紹了微信小程序頂部導(dǎo)航欄滑動tab效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01