js实时获取系统当前时间并显示的代码分享

发布时间:2020-06-18编辑:脚本学堂
本文介绍下,用js获了当前系统时间,并显示在页面上的一例代码,供大家学习参考。

1,首先,创建一个实时显示系统时间的函数 clockon(),只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值。
代码如下:

<script language="javascript">
/**
* 实时显示系统当前时间
* edit www.jb200.com
*/
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,调用示例,将函数clockon在页面<body>onload事件中调用。
注意,要创建用于显示的div,比如本例中的bgclock层。
代码如下:

<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>
</body>