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

最新推荐文章于 2024-07-26 20:46:33 发布

saintonline

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量757

点赞数

分类专栏： web program 文章标签： javascript firefox opera ie date function

本文链接：https://blog.csdn.net/saintonline/article/details/5406201

版权

web program 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

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

// JavaScript Document function 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>

saintonline

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实时时间显示，兼容IE、Opera、Firefox,javascript面向对象编程。

今天突然一时兴起，也是应实习的需要，重返WEB编程，说实话我也不太想回到WEB，必竟在java在钻了一段时间还是有感情的嘛，不过我是以WEB起家的，现在大三出去混混也只能拿WEB去应付下，java还不敢拿出来。嗯，看代码，我也是今天才开始写js面向对象，不知道是不是那么一会事，以前都是简单的能实现功能就行，不过现在出去帮人家做东西，兼容性这块是必须的。我把对象NavDate的代码写到tim
复制链接

扫一扫

专栏目录