在网页中实时的显示时间
不但可以给网页添色
还可以方便浏览者掌握当前时间
为了提高网站的开发速度
可以把主代码封装在一个单独的函数里面
在需要的时候直接调用 而我为了演示
直接写在了主页面
方便大家观看
()首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock用于指定显示用于转化后的<div>标记的名称无返回值大家进行网站开发时可以将改函数保存在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+
;
if(month<
)month="
"+month;
if(date<
)date="
"+date;
if(hour<
)hour="
"+hour;
if(minu<
)minu="
"+minu;
if(sec<
)sec="
"+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)"
);
}
</script>
()在页面的<body> 的onload事件中 调用 以及在要显示的地方放置div标记 代码
复制代码 代码如下:
<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>
</body>