用js封装的时间设置器-网页设计,HTML/CSS

js的成员和方法好象没有private和public之分，列一下public的成员和方法

ie5.5+效果最佳，ie5运行也没有问题，就是css有些对不齐（ie5实在是太老了。。。可以退休了）
运行代码框
<style type=”text/css”><br /> body {<br /> background-color: #d4d0c8;<br /> }<br /> .m_frameborder {<br /> border-left: 2px inset #d4d0c8;<br /> border-top: 2px inset #d4d0c8;<br /> border-right: 2px inset #ffffff;<br /> border-bottom: 2px inset #ffffff;<br /> width: 100px;<br /> height: 19px;<br /> background-color: #ffffff;<br /> overflow: hidden;<br /> text-align: right;<br /> font-family: “tahoma”;<br /> font-size: 10px;<br /> }<br /> .m_arrow {<br /> width: 16px;<br /> height: 8px;<br /> font-family: “webdings”;<br /> font-size: 7px;<br /> line-height: 2px;<br /> padding-left: 2px;<br /> cursor: default;<br /> }<br /> .m_input {<br /> width: 18px;<br /> height: 14px;<br /> border: 0px solid black;<br /> font-family: “tahoma”;<br /> font-size: 9px;<br /> text-align: right;<br /> }<br /> </style></p> <p><script language=”javascript”><br /> // written by cloudchen, 2004/03/15<br /> function minute(name,fname) {<br /> this.name = name;<br /> this.fname = fname || “m_input”;<br /> this.timer = null;<br /> this.fobj = null;</p> <p> this.tostring = function() {<br /> var objdate = new date();<br /> var sminute_common = “class=\”m_input\” maxlength=\”2\” name=\””+this.fname+”\” onfocus=\””+this.name+”.setfocusobj(this)\” onblur=\””+this.name+”.settime(this)\” onkeyup=\””+this.name+”.prevent(this)\” onkeypress=\”if (!/[0-9]/.test(string.fromcharcode(event.keycode)))event.keycode=0\” onpaste=\”return false\” ondragenter=\”return false\” style=\”ime-mode:disabled\””;<br /> var sbutton_common = “class=\”m_arrow\” onfocus=\”this.blur()\” onmouseup=\””+this.name+”.controltime()\” disabled”<br /> var str = “”;<br /> str += “<table border=\”0\” cellspacing=\”0\” cellpadding=\”0\”>”<br /> str += “<tr>”<br /> str += “<td>”<br /> str += “<div class=\”m_frameborder\”>”<br /> str += “<input radix=\”24\” value=\””+this.formattime(objdate.gethours())+”\” “+sminute_common+”>:”<br /> str += “<input radix=\”60\” value=\””+this.formattime(objdate.getminutes())+”\” “+sminute_common+”>:”<br /> str += “<input radix=\”60\” value=\””+this.formattime(objdate.getseconds())+”\” “+sminute_common+”>”<br /> str += “</div>”<br /> str += “</td>”<br /> str += “<td>”<br /> str += “<table border=\”0\” cellspacing=\”2\” cellpadding=\”0\”>”<br /> str += “<tr><td><button id=\””+this.fname+”_up\” “+sbutton_common+”>5</button></td></tr>”<br /> str += “<tr><td><button id=\””+this.fname+”_down\” “+sbutton_common+”>6</button></td></tr>”<br /> str += “</table>”<br /> str += “</td>”<br /> str += “</tr>”<br /> str += “</table>”<br /> return str;<br /> }<br /> this.play = function() {<br /> this.timer = setinterval(this.name+”.playback()”,1000);<br /> }<br /> this.formattime = function(stime) {<br /> stime = (“0″+stime);<br /> return stime.substr(stime.length-2);<br /> }<br /> this.playback = function() {<br /> var objdate = new date();<br /> var arrdate = [objdate.gethours(),objdate.getminutes(),objdate.getseconds()];<br /> var objminute = document.getelementsbyname(this.fname);<br /> for (var i=0;i<objminute.length;i++) {<br /> objminute[i].value = this.formattime(arrdate[i])<br /> }<br /> }<br /> this.prevent = function(obj) {<br /> clearinterval(this.timer);<br /> this.setfocusobj(obj);<br /> var value = parseint(obj.value,10);<br /> var radix = parseint(obj.radix,10)-1;<br /> if (obj.value>radix||obj.value<0) {<br /> obj.value = obj.value.substr(0,1);<br /> }<br /> }<br /> this.controltime = function(cmd) {<br /> event.cancelbubble = true;<br /> if (!this.fobj) return;<br /> clearinterval(this.timer);<br /> var cmd = event.srcelement.innertext==”5″?true:false;<br /> var i = parseint(this.fobj.value,10);<br /> var radix = parseint(this.fobj.radix,10)-1;<br /> if (i==radix&&cmd) {<br /> i = 0;<br /> } else if (i==0&&!cmd) {<br /> i = radix;<br /> } else {<br /> cmd?i++:i–;<br /> }<br /> this.fobj.value = this.formattime(i);<br /> this.fobj.select();<br /> }<br /> this.settime = function(obj) {<br /> obj.value = this.formattime(obj.value);<br /> }<br /> this.setfocusobj = function(obj) {<br /> eval(this.fname+”_up”).disabled = eval(this.fname+”_down”).disabled = false;<br /> this.fobj = obj;<br /> }<br /> this.gettime = function() {<br /> var arrtime = new array(2);<br /> for (var i=0;i<document.getelementsbyname(this.fname).length;i++) {<br /> arrtime[i] = document.getelementsbyname(this.fname)[i].value;<br /> }<br /> return arrtime.join(“:”)<br /> }<br /> }<br /> var m = new minute(“m”);<br /> document.write(m);<br /> m.play();<br /> </script></p> <p><button onclick=”alert(m.gettime())” style=”font:8px webdings;width:15px;height:15px;line-height:6px;”>4</button><br /> <button style=”font:10px arial;height:15px;height:16px;border:0px;” onfocus=”this.blur()”>get time-value</button><br />