js實時獲取系統(tǒng)當前時間實例代碼
更新時間:2013年06月28日 17:06:29 作者:
在網(wǎng)頁中實時的顯示時間,不但可以給網(wǎng)頁添色,還可以方便瀏覽者掌握當前時間,為了提高網(wǎng)站的開發(fā)速度,可以把主代碼封裝在一個單獨的函數(shù)里面,在需要的時候直接調(diào)用 而我為了演示,直接寫在了主頁面,方便大家觀看
(1):首先用JS編寫實時顯示系統(tǒng)時間的函數(shù) clockon() 只有一個參數(shù)bgclock,用于指定顯示用于轉(zhuǎn)化后的<div>標記的名稱,無返回值,大家進行網(wǎng)站開發(fā)時可以將改函數(shù)保存在JS文件中,以便重用 代碼如下:
復制代碼 代碼如下:
<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):在頁面的<body> 的onload事件中 調(diào)用 以及在要顯示的地方放置div標記 代碼:
復制代碼 代碼如下:
<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>
</body>
相關文章
利用javascript實現(xiàn)的三種圖片放大鏡效果實例(附源碼)
這篇文章主要介紹了利用javascript實現(xiàn)的幾種放大鏡效果,很實用一款漂亮的js圖片放大鏡特效,常見于電商網(wǎng)站上產(chǎn)品頁,用來放大展示圖片細節(jié),很有實用性,推薦下載學習研究。文中提供了完整的源碼供大家下載,需要的朋友可以參考借鑒,一起來看看吧。2017-01-01
淺析JavaScript中的array數(shù)組類型系統(tǒng)
除了對象之外,數(shù)組Array類型可能是javascript中最常用的類型了。而且,javascript中的數(shù)組與其他多數(shù)語言中的數(shù)組有著相當大的區(qū)別。本文將介紹javascript中的數(shù)組Array類型,非常不錯,感興趣的朋友一起看下吧2016-07-07
JS控制靜態(tài)頁面之間傳遞參數(shù)獲取參數(shù)并應用的簡單實例
下面小編就為大家?guī)硪黄狫S控制靜態(tài)頁面之間傳遞參數(shù)獲取參數(shù)并應用的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JavaScript自定義插件實現(xiàn)tabs切換功能
這篇文章主要為大家詳細介紹了JavaScript自定義插件實現(xiàn)tabs切換功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-04-04

