在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用 而我为了演示,直接写在了主页面,方便大家观看
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
(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(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):在页面的 的 onload 事件中 调用 以及在要显示的地方放置 div 标记 代码:
- <body onLoad="clockon(bgclock)">
- <div id="bgclock" class="word_Green"></div>
- </body>
来源: