专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Dreamweaver » js时间:用js封装的时间设置器 »正文

js时间:用js封装的时间设置器

来源: 发布时间:星期四, 2009年2月12日 浏览:202次 评论:0


js成员和思路方法好象没有private和public的分下public成员和思路方法

成员:
name Control控件名字既这个Control控件变量名(必选)
fName 时间inputname可以后台获取也就是inputname属性(可选默认为 m_input

思路方法:
play 使时间框呈现动态效果
getTime 获取设定时间

IE5.5+效果最佳IE5运行也没有问题就是css有些对不齐(IE5实在是太老了可以退休了)

<style type=\"text/css\">
body {
background-color: #D4D0C8;
}
.m_frameborder {
border-left: 2px in #D4D0C8;
border-top: 2px in #D4D0C8;
border-right: 2px in #FFFFFF;
border-bottom: 2px in #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 = Date;
var sMinute_Common = \"=\\\"m_input\\\" maxlength=\\\"2\\\" name=\\\"\"+this.fName+\"\\\" _disibledevent=>var sButton_Common = \"=\\\"m_arrow\\\" _disibledevent=>var str = \"\";
str \"<table border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\"
str \"<tr>\"
str \"<td>\"
str \"<div =\\\"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>\"
str;
}
this.play = function {
this.timer = Interval(this.name+\".playback\",1000);
}
this.formatTime = function(sTime) {
sTime = (\"0\"+sTime);
sTime.substr(sTime.length-2);
}
this.playback = function {
var objDate = 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.FocusObj(obj);
var value = parseInt(obj.value,10);
var radix = parseInt(obj.radix,10)-1;
(obj.value>radix||obj.value<0) {
obj.value = obj.value.substr(0,1);
}
}
this.controlTime = function(cmd) {
event.cancelBubble = true;
(!this.fObj) ;
clearInterval(this.timer);
var cmd = event.srcElement.innerText\"5\"?true:false;
var i = parseInt(this.fObj.value,10);
var radix = parseInt(this.fObj.radix,10)-1;
(iradix&&cmd) {
i = 0;
} (i0&&!cmd) {


i = radix;
} {
cmd?i:i--;
}
this.fObj.value = this.formatTime(i);
this.fObj.select;
}
this.Time = function(obj) {
obj.value = this.formatTime(obj.value);
}
this.FocusObj = function(obj) {
eval(this.fName+\"_up\").disabled = eval(this.fName+\"_down\").disabled = false;
this.fObj = obj;
}
this.getTime = function {
var arrTime = Array(2);
for (var i=0;i<document.getElementsByName(this.fName).length;i) {
arrTime[i] = document.getElementsByName(this.fName)[i].value;
}
arrTime.join(\":\")
}
}
var m = minute(\"m\");
document.write(m);
m.play;
</script>

<button _disibledevent=><button style=\"font:10px Arial;height:15px;height:16px;border:0px;\" _disibledevent=>

0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: