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è)面，方便大家觀看
（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實(shí)現(xiàn)的三種圖片放大鏡效果實(shí)例（附源碼）
這篇文章主要介紹了利用javascript實(shí)現(xiàn)的幾種放大鏡效果，很實(shí)用一款漂亮的js圖片放大鏡特效，常見(jiàn)于電商網(wǎng)站上產(chǎn)品頁(yè)，用來(lái)放大展示圖片細(xì)節(jié)，很有實(shí)用性，推薦下載學(xué)習(xí)研究。文中提供了完整的源碼供大家下載，需要的朋友可以參考借鑒，一起來(lái)看看吧。2017-01-01
原生JS使用Canvas實(shí)現(xiàn)拖拽式繪圖功能
這篇文章主要介紹了原生js實(shí)現(xiàn)Canvas實(shí)現(xiàn)拖拽式繪圖，支持畫(huà)筆、線條、箭頭、三角形和圓形等等圖形繪制功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2019-06-06
這篇文章主要介紹了Bootstrap4如何定制自己的顏色和風(fēng)格，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
淺析JavaScript中的array數(shù)組類(lèi)型系統(tǒng)
除了對(duì)象之外，數(shù)組Array類(lèi)型可能是javascript中最常用的類(lèi)型了。而且，javascript中的數(shù)組與其他多數(shù)語(yǔ)言中的數(shù)組有著相當(dāng)大的區(qū)別。本文將介紹javascript中的數(shù)組Array類(lèi)型，非常不錯(cuò)，感興趣的朋友一起看下吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)橫版菜單欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了微信小程序中的上拉、下拉菜單功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
JS控制靜態(tài)頁(yè)面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS控制靜態(tài)頁(yè)面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
排序有內(nèi)部排序和外部排序，內(nèi)部排序是數(shù)據(jù)記錄在內(nèi)存中進(jìn)行排序，而外部排序是因排序的數(shù)據(jù)很大，一次不能容納全部的排序記錄，在排序過(guò)程中需要訪問(wèn)外存。我們這里說(shuō)說(shuō)八大排序就是內(nèi)部排序。2015-04-04
一個(gè)簡(jiǎn)單的JS時(shí)間控件示例代碼(JS時(shí)分秒時(shí)間控件)
這篇文章主要介紹了一個(gè)簡(jiǎn)單的JS時(shí)間控件示例代碼(JS時(shí)分秒時(shí)間控件)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
JavaScript自定義插件實(shí)現(xiàn)tabs切換功能
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義插件實(shí)現(xiàn)tabs切換功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04