用js封装的时间设置器
<P>js的成员和方法好象没有private和public之分，列一下public的成员和方法</P><P>成员：<BR>name 控件的名字，既这个控件的变量名（必选）<BR>fName 时间的input的name，可以后台获取，也就是input的name属性（可选，默认为 m_input</P><P>方法：<BR>play() 使时间框呈现动态效果<BR>getTime() 获取设定的时间</P><P>IE5.5 效果最佳，IE5运行也没有问题，就是css有些对不齐（IE5实在是太老了。。。可以退休了）</P><FIELDSET style="COLOR: #808080" align=center><P><LEGEND align=center></LEGEND><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;<BR> <BR> 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 (!//.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 = ;<BR>var objMinute = document.getElementsByName(this.fName);<BR>for (var i=0;i<objMinute.length;i) {<BR> objMinute.value = this.formatTime(arrDate)<
页:
[1]