javascript

位置:IT落伍者 >> javascript >> 浏览文章

js实时获取系统当前时间实例代码


发布日期:2018年07月28日
 
js实时获取系统当前时间实例代码
在网页中实时的显示时间不但可以给网页添色还可以方便浏览者掌握当前时间为了提高网站的开发速度可以把主代码封装在一个单独的函数里面在需要的时候直接调用  而我为了演示直接写在了主页面方便大家观看

首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock用于指定显示用于转化后的<div>标记的名称无返回值大家进行网站开发时可以将改函数保存在JS文件中以便重用  代码如下

复制代码 代码如下:
<script>
function clockon(bgclock)
{
var now = new Date();
var year = nowgetYear();
var month = nowgetMonth();
var date = nowgetDate();
var day = nowgetDay();
var hour = nowgetHours();
var minu = nowgetMinutes();
var sec = nowgetSeconds();
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(documentall)
{
bgclockinnerHTML="["+time+"]"
}
var timer = setTimeout("clockon(bgclock)");   
}
</script>

在页面的<body> 的onload事件中 调用 以及在要显示的地方放置div标记  代码

复制代码 代码如下:


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

               

上一篇:JS定时刷新页面及跳转页面的方法

下一篇:js获取当前日期或者前七天日期