这篇文章主要介绍了基于 JS 代码实现实时显示系统时间的相关资料, 非常不错,具有参考借鉴价值,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
1. 概述
在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页。
2. 技术要点
3. 具体实现
(1)新建 index.jsp 页,编写实时显示系统时间的 JavaScript 函数,关键代码如下:
- /**
- *实时显示系统时间
- */
- function getLangDate(){
- var dateObj = new Date(); //表示当前系统时间的Date对象
- var year = dateObj.getFullYear(); //当前系统时间的完整年份值
- var month = dateObj.getMonth()+1; //当前系统时间的月份值
- var date = dateObj.getDate(); //当前系统时间的月份中的日
- var day = dateObj.getDay(); //当前系统时间中的星期值
- var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
- var week = weeks[day]; //根据星期值,从数组中获取对应的星期字符串
- var hour = dateObj.getHours(); //当前系统时间的小时值
- var minute = dateObj.getMinutes(); //当前系统时间的分钟值
- var second = dateObj.getSeconds(); //当前系统时间的秒钟值
- //如果月、日、小时、分、秒的值小于10,在前面补0
- if(month<10){
- month = "0"+month;
- }
- if(date<10){
- date = "0"+date;
- }
- if(hour<10){
- hour = "0"+hour;
- }
- if(minute<10){
- minute = "0"+minute;
- }
- if(second<10){
- second = "0"+second;
- }
- var newDate = year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minute+":"+second;
- document.getElementById("dateStr").innerhtml = "系统公告:[ "+newDate+" ]";
- setTimeout("getLangDate()",1000);//每隔1秒重新调用一次该函数
- }
- <body onLoad="getLangDate()">
- <div id="dateStr" class="word_grey">
- </div>
- </body>
在实现实时显示系统时间时,还可以使用 window 对象的 setIntervar() 方法,setInterval() 方法类似于 setTimeout() 方法。
不同之处是调用 window 对象的 setIntervar() 方法后,会一直执行 setIntervar() 方法所调用的 JavaScript 方法,而 setTimeout() 方法只能被执行一次。如果要通过 setTimeout() 方法一直执行某个 JavaScript 方法,setTimeout() 必须写在被调用的 JavaScript 方法体内。
以上所述是小编给大家介绍的基于 JS 代码实现实时显示系统时间的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0303/264829.html