编程 Javascript

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

Posted in Javascript onJune 28, 2013

（1）：首先用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+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事件中调用以及在要显示的地方放置div标记代码：

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS对select控件option选项的增删改查示例代码

Oct 21 Javascript

JQuery.get提交页面不跳转的解决方法

Jan 13 Javascript

终于实现了!精彩的jquery弹幕效果

Jul 18 Javascript

纯javaScript、jQuery实现个性化图片轮播【推荐】

Jan 08 Javascript

jQuery实现的点击按钮改变样式功能示例

Jul 21 jQuery

javascript匿名函数中的'return function()'作用

Oct 15 Javascript

详解三种方式解决vue中v-html元素中标签样式

Nov 22 Javascript

详解Js里的for…in和for…of的用法

Mar 28 Javascript

基于Vue2-Calendar改进的日历组件（含中文使用说明）

Apr 14 Javascript

vue实现移动端图片上传功能

Dec 23 Javascript

Vue路由重定向和别名的区别说明

Sep 09 Javascript

vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法

Oct 09 Javascript

js复制到剪切板的实例方法

Jun 28 #Javascript

Javascript无阻塞加载具体方式

Jun 28 #Javascript

Extjs4 类的定义和扩展实例

Jun 28 #Javascript

JavaScript和CSS通过expression实现Table居中显示

Jun 28 #Javascript

jquery异步跨域访问代码

Jun 28 #Javascript

基于SVG的web页面图形绘制API介绍及编程演示

Jun 28 #Javascript

纯JavaScript实现HTML5 Canvas六种特效滤镜示例

Jun 28 #Javascript