刚刚做的一个 JS简单时间控件【JS时分秒时间控件】

自己在网上找了半天没找到只有 “时分秒”的控件， 就自己做了个，发在这里方便有人用到


鼠标点击 后 的效果


SetTime.js

/**//* **********************************
* 简单时间控件： version 1.0
* 作者：李禄燊 
* 时间：2007-10-31
* 
* 使用说明：
* 首先把本控件包含到页面 
* 
* 控件调用函数：_SetTime(field)
* 例如 
*
*********************************** */
var  str  =   "" ;
document.writeln( " " _contents\ "  style=\ " padding:6px; background - color:#E3E3E3; font - size: 12px; border: 1px solid # 777777 ;  position:absolute; left: ? px; top: ? px; width: ? px; height: ? px; z - index: 1 ; visibility:hidden\ " > " );
str  +=   " \u65f6 " _hour\ " > " ;
for  (h  =   0 ; h  <=   9 ; h ++ ) {
    str  +=   " " 0 "  + h +  " \ " >0 "   +  h  +   " " ;
}
for  (h  =   10 ; h  <=   23 ; h ++ ) {
    str  +=   " ""  + h +  " \ " > "   +  h  +   " " ;
}
str  +=   "  \u5206 " _minute\ " > " ;
for  (m  =   0 ; m  <=   9 ; m ++ ) {
    str  +=   " " 0 "  + m +  " \ " >0 "   +  m  +   " " ;
}
for  (m  =   10 ; m  <=   59 ; m ++ ) {
    str  +=   " ""  + m +  " \ " > "   +  m  +   " " ;
}
str  +=   "  \u79d2 " _second\ " > " ;
for  (s  =   0 ; s  <=   9 ; s ++ ) {
    str  +=   " " 0 "  + s +  " \ " >0 "   +  s  +   " " ;
}
for  (s  =   10 ; s  <=   59 ; s ++ ) {
    str  +=   " ""  + s +  " \ " > "   +  s  +   " " ;
}
str  +=   "   " queding\ "  type=\ " button\ "  οnclick=\ " _select()\ "  value=\ " \u786e\u5b9a\ "  style=\ " font - size:12px\ "  />

" ;
document.writeln(str);
var  _fieldname;
function  _SetTime(tt) {
    _fieldname  =  tt;
     var  ttop  =  tt.offsetTop;     // TT控件的定位点高
     var  thei  =  tt.clientHeight;     // TT控件本身的高
     var  tleft  =  tt.offsetLeft;     // TT控件的定位点宽
     while  (tt  =  tt.offsetParent) {
        ttop  +=  tt.offsetTop;
        tleft  +=  tt.offsetLeft;
    }
    document.all._contents.style.top  =  ttop  +  thei  +   4 ;
    document.all._contents.style.left  =  tleft;
    document.all._contents.style.visibility  =   " visible " ;
}
function  _select() {
    _fieldname.value  =  document.all._hour.value  +   " : "   +  document.all._minute.value  +   " : "   +  document.all._second.value;
    document.all._contents.style.visibility  =   " hidden " ;
}