js实时时间显示，兼容IE、Opera、Firefox,javascript面向对象编程。

来源：互联网发布：痘坑怎么修复知乎编辑：程序博客网时间：2024/06/16 13:35

今天突然一时兴起，也是应实习的需要，重返WEB编程，说实话我也不太想回到WEB，必竟在java在钻了一段时间还是有感情的嘛，不过我是以WEB起家的，现在大三出去混混也只能拿WEB去应付下，java还不敢拿出来。

嗯，看代码，我也是今天才开始写js面向对象，不知道是不是那么一会事，以前都是简单的能实现功能就行，不过现在出去帮人家做东西，兼容性这块是必须的。

我把对象NavDate的代码写到time.js文件里了：

// JavaScript Documentfunction NavDate() {var self = this;var Day = new Array("星期日", "星期一", "星期二","星期三","星期四","星期五","星期六");var engDay = new Array("Sun","Mon","Wed","Thurs","Fri","Sat");this.elementId = undefined;this.formatString = "YYYY年MM月DD日 WK hh:mm:ss";this.runtime = false;this.interval = undefined;this.daydesc = "cn";this.hourdesc = 24;this.Run = function() {if(self.elementId==undefined) return;if(self.runtime) {self.printDate();self.interval = window.setInterval(self.printDate,1000);}else{self.printDate();}}this.printDate = function() {var Now = new Date();var Year = Now.getFullYear();var Month = Now.getMonth() + 1;Month = Month>9 ? Month : ("0"+Month);var date = Now.getDate();date = date>9 ? date : ("0"+date);var day = Now.getDay();var Hour = Now.getHours();if(self.hourdesc==12) Hour-=12;Hour = Hour>9 ? Hour : ("0"+Hour);var Minute = Now.getMinutes();Minute = Minute>9 ? Minute : ("0"+Minute);var Second = Now.getSeconds();Second = Second>9 ? Second : ("0"+Second);var format = self.formatString;format = format.replace("YYYY",Year);format = format.replace("MM",Month);format = format.replace("DD",date);if(self.daydesc=="cn") {format = format.replace("WK",Day[day]);}else if(self.daydesc=="us") {format = format.replace("WK",engDay[day]);}format = format.replace("hh",Hour);format = format.replace("mm",Minute);format = format.replace("ss",Second);document.getElementById(self.elementId).innerHTML = format;}}

然后再在demo文件里调用一下就行，没加注释，都是很简单的代码。下面的代码最好都不要落下，否则运行不起来可不赖我。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><mce:script language="javascript" src="../util/time.js" mce_src="util/time.js"></mce:script></head><body><div id="time"><mce:script language="javascript"></mce:script></div></body></html>