js實(shí)時(shí)獲取系統(tǒng)當(dāng)前時(shí)間實(shí)例代碼
更新時(shí)間：2013年06月28日 17:06:29 作者：
在網(wǎng)頁(yè)中實(shí)時(shí)的顯示時(shí)間，不但可以給網(wǎng)頁(yè)添色，還可以方便瀏覽者掌握當(dāng)前時(shí)間，為了提高網(wǎng)站的開(kāi)發(fā)速度，可以把主代碼封裝在一個(gè)單獨(dú)的函數(shù)里面，在需要的時(shí)候直接調(diào)用 而我為了演示，直接寫(xiě)在了主頁(yè)面，方便大家觀(guān)看
（1）：首先用JS編寫(xiě)實(shí)時(shí)顯示系統(tǒng)時(shí)間的函數(shù) clockon() 只有一個(gè)參數(shù)bgclock，用于指定顯示用于轉(zhuǎn)化后的<div>標(biāo)記的名稱(chēng)，無(wú)返回值，大家進(jìn)行網(wǎng)站開(kāi)發(fā)時(shí)可以將改函數(shù)保存在JS文件中，以便重用 代碼如下：
復(fù)制代碼 代碼如下:
<script>
function clockon(bgclock)
{
var now = new Date();
var year = now.getYear();
var month = now.getMonth();
var date = now.getDate();
var day = now.getDay();
var hour = now.getHours();
var minu = now.getMinutes();
var sec = now.getSeconds();
var week;
month = month+1;
if(month<10)month="0"+month;
if(date<10)date="0"+date;
if(hour<10)hour="0"+hour;
if(minu<10)minu="0"+minu;
if(sec<10)sec="0"+sec;
var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
week = arr_week[day];
var time = "";
time = year+"年"+month+"月"+date+"日"+week+""+hour+";"+minu+";"+sec;
if(document.all)
{
bgclock.innerHTML="["+time+"]"
}
var timer = setTimeout("clockon(bgclock)",200);
}
</script>
（2）：在頁(yè)面的<body> 的onload事件中 調(diào)用 以及在要顯示的地方放置div標(biāo)記 代碼：
復(fù)制代碼 代碼如下:
<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>
</body>
相關(guān)文章
這篇文章主要介紹了讓JavaScript和其它資源并發(fā)下載的方法,JavaScript并發(fā)下載主要目的在于解決JS加載會(huì)阻礙頁(yè)面呈現(xiàn)的問(wèn)題,需要的朋友可以參考下2014-10-10
jser必看的破解javascript各種加密的反向思維方法
才發(fā)現(xiàn)的破解javascript各種加密的反向思維方法,大家有好的方法都跟帖啊最近發(fā)現(xiàn)了一個(gè)代碼，加密了5層左右，我將破解到最后一步，而且不用javascript解密程序2007-04-04
下面小編就為大家?guī)?lái)一篇JS中對(duì)象與字符串的互相轉(zhuǎn)換詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
彈出層效果大家在網(wǎng)站上經(jīng)常遇到此功能，下面小編給大家分享一段js代碼制作彈出層效果，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)好看的分類(lèi)頁(yè)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
下面小編就為大家?guī)?lái)一篇原生JS獲取元素的位置與尺寸實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
uniapp?APP消息推送方案實(shí)現(xiàn)全過(guò)程
前段時(shí)間開(kāi)發(fā)app的時(shí)候要開(kāi)始做消息推送功能了,下面這篇文章主要給大家介紹了關(guān)于uniapp?APP消息推送方案實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
微信小程序圖片輪播組件gallery slider使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序圖片輪播組件gallery slider的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
文字模糊特效...2007-04-04
2009-04-04