具體代碼如下:
<div id="bgclock" class="date"></div>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script language="javascript" type="text/javascript">
//使用jQuery頁面直接加載
$(document).ready(function() {
fillDate();
});
//主要的時間處理方法
function fillDate(){
//日期
var now = new Date(); //獲取系統日期,即Sat Jul 29 08:24:48 UTC+0800 2006
var yy=now.getFullYear();; //截取年,即2006
var mm = now.getMonth()+1; //截取月,即07
var dd = now.getDate(); //截取日,即29
var cal = yy+"."+ mm +"."+dd;
//取時間
var hh = now.getHours(); //截取小時,即8
var mm = now.getMinutes(); //截取分鐘,即34
var ss = now.getTime() % 60000;
//獲取時間,因爲系統中時間是以毫秒計算的, 所以秒要通過餘60000得到。
ss = (ss - (ss % 1000)) / 1000; //然後,將得到的毫秒數再處理成秒
var clock = hh+':'; //將得到的各個部分連接成一個日期時間
if (mm < 10) clock += '0'; //字符串
clock += mm;
clock += mm+':';
if (ss < 10) clock += '0';
clock += ss;
//向頁面的相應位置進行賦值
$(".date").html(cal + " " + clock);
var timeID=setTimeout(fillDate,1000);
}
</script>