簡單的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獲取網(wǎng)頁標(biāo)題2008-04-04
javascript實現(xiàn)禁止右鍵和F12查看源代碼
這篇文章主要介紹了javascript實現(xiàn)禁止右鍵和F12查看源代碼的代碼,需要的朋友可以參考下2014-12-12
JavaScript聲明變量的這四兄弟(var、let、function、const)
這篇文章主要介紹了JavaScript聲明變量的這四兄弟，主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了微信小程序訪問豆瓣電影api的實現(xiàn)方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要為大家介紹了JS數(shù)組中常用的方法技巧，學(xué)會了你就在進階成為大佬的道路上又邁進了一步，希望能夠有所幫助，祝大家多多進步2021-10-10
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點操作示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點操作,涉及javascript二叉樹的定義、節(jié)點添加、刪除、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
這篇文章主要介紹了微信小程序用戶位置權(quán)限的獲取方法（拒絕后提醒）,文中給大家介紹了微信小程序獲取用戶當(dāng)前位置的三個方式，授權(quán)方法，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
下面小編就為大家?guī)硪黄陧撁嬷幸雑s的兩種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了前端熱更新的相關(guān)資料,熱更新讓前端開發(fā)更加高效,通過最小代價替換代碼并保留頁面狀態(tài),文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-02-02
這篇文章主要介紹了這樣回答繼承可能面試官更滿意,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-12-12