用js封装的时间配置器

2008-02-23 06:09:51来源：互联网阅读 ()

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

　　成员：

　　name 控件的名字，既这个控件的变量名（必选）

　　fName 时间的input的name，能够后台获取，也就是input的name属性（可选，默认为 m_input

　　方法：

　　play() 使时间框呈现动态效果

　　getTime() 获取设定的时间

　　IE5.5 效果最好，IE5运行也没有问题，就是css有些对不齐（IE5实在是太老了。。。能够退休了）

　　

　　<style type="text/css">

　　body {

　　background-color: #D4D0C8;

　　}

　　.m_frameborder {

　　border-left: 2px inset #D4D0C8;

　　border-top: 2px inset #D4D0C8;

　　border-right: 2px inset #FFFFFF;

　　border-bottom: 2px inset #FFFFFF;

　　width: 100px;

　　height: 19px;

　　background-color: #FFFFFF;

　　overflow: hidden;

　　text-align: right;

　　font-family: "Tahoma";

　　font-size: 10px;

　　}

　　.m_arrow {

　　width: 16px;

　　height: 8px;

　　font-family: "Webdings";

　　font-size: 7px;

　　line-height: 2px;

　　padding-left: 2px;

　　cursor: default;

　　}

　　.m_input {

　　width: 18px;

　　height: 14px;

　　border: 0px solid black;

　　font-family: "Tahoma";

　　font-size: 9px;

　　text-align: right;

　　}

　　</style>

　　<script language="javascript">

　　//Written by cloudchen, 2004/03/15

　　function minute(name,fName) {

　　this.name = name;

　　this.fName = fName || "m_input";

　　this.timer = null;

　　this.fObj = null;

　　this.toString = function() {

　　var objDate = new Date();

　　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\"";

　　var sButton_Common = "class=\"m_arrow\" onfocus=\"this.blur()\" onmouseup=\"" this.name ".controlTime()\" disabled"

　　var str = "";

　　str = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"

　　str = "<tr>"

　　str = "<td>"

　　str = "<div class=\"m_frameborder\">"

　　str = "<input radix=\"24\" value=\"" this.formatTime(objDate.getHours()) "\" " sMinute_Common ">:"

　　str = "<input radix=\"60\" value=\"" this.formatTime(objDate.getMinutes()) "\" " sMinute_Common ">:"

　　str = "<input radix=\"60\" value=\"" this.formatTime(objDate.getSeconds()) "\" " sMinute_Common ">"

　　str = "</div>"

　　str = "</td>"

　　str = "<td>"

　　str = "<table border=\"0\" cellspacing=\"2\" cellpadding=\"0\">"

　　str = "<tr><td><button id=\"" this.fName "_up\" " sButton_Common ">5</button></td></tr>"

　　str = "<tr><td><button id=\"" this.fName "_down\" " sButton_Common ">6</button></td></tr>"

　　str = "</table>"

　　str = "</td>"

　　str = "</tr>"

　　str = "</table>"

　　return str;

　　}

　　this.play = function() {

　　this.timer = setInterval(this.name ".playback()",1000);

　　}

　　this.formatTime = function(sTime) {

　　sTime = ("0" sTime);

　　return sTime.substr(sTime.length-2);

　　}

　　this.playback = function() {

　　var objDate = new Date();

　　var arrDate = [objDate.getHours(),objDate.getMinutes(),objDate.getSeconds()];

　　var objMinute = document.getElementsByName(this.fName);

　　for (var i=0;i<objMinute.length;i ) {

　　objMinute[i].value = this.formatTime(arrDate[i])

　　}

　　}

　　this.prevent = function(obj) {

　　clearInterval(this.timer);

　　this.setFocusObj(obj);

　　var value = parseInt(obj.value,10);

　　var radix = parseInt(obj.radix,10)-1;

　　if (obj.value>radix||obj.value<0) {

　　obj.value = obj.value.substr(0,1);

　　}

　　}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有