免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2068 | 回复: 0
打印 上一主题 下一主题

实时显示系统时间(JS) [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-08-10 22:07 |只看该作者 |倒序浏览
   国奥把我看的失望,技术不行都不说了,犯规的不停,我就郁闷的不行    体育精神何在?!  索性关了打代码   哎~~~~   小写一个JS实现的系统时间显示
   在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用  而我为了演示,直接写在了主页面,方便大家观看
   (1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的标记的名称,无返回值,大家进行网站开发时可以将改函数保存在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(month10)month="0"+month;
    if(date10)date="0"+date;
    if(hour10)hour="0"+hour;
    if(minu10)minu="0"+minu;
    if(sec10)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):在页面的 的onload事件中 调用 以及在要显示的地方放置div标记  代码:
body onLoad="clockon(bgclock)">
div id="bgclock" class="word_Green">/div>
/body>

好了 完成!


本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u2/72940/showart_1119995.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP