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

鼠标点击 后 的效果

SetTime.js

复制代码 代码如下:

/**//***********************************

* 使用说明：

* 首先把本控件包含到页面

* <script src="XXX/setTime.js" type="text/javascript"></script>

* 控件调用函数：_SetTime(field)

* 例如 <input name="time" type="text"/>

*

************************************/

var str = "";

document.writeln("<div id=/"_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<select name=/"_hour/">";

for (h = 0; h <= 9; h++) {

str += "<option value=/"0" + h + "/">0" + h + "</option>";

}

for (h = 10; h <= 23; h++) {

str += "<option value=/"" + h + "/">" + h + "</option>";

}

str += "</select> /u5206<select name=/"_minute/">";

for (m = 0; m <= 9; m++) {

str += "<option value=/"0" + m + "/">0" + m + "</option>";

}

for (m = 10; m <= 59; m++) {

str += "<option value=/"" + m + "/">" + m + "</option>";

}

str += "</select> /u79d2<select name=/"_second/">";

for (s = 0; s <= 9; s++) {

str += "<option value=/"0" + s + "/">0" + s + "</option>";

}

for (s = 10; s <= 59; s++) {

str += "<option value=/"" + s + "/">" + s + "</option>";

}

str += "</select> <input name=/"queding/" type=/"button/" onclick=/"_select()/" value=/"/u786e/u5b9a/" style=/"font-size:12px/" /></div>";

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

}

【一个简单的JS时间控件示例代码(JS时分秒时间控件)】相关文章：

★ 点击变化图象 不错

★ 两表格传递变量

★ jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

★ 简介JavaScript中的getUTCFullYear()方法的使用

★ 你都知道吗关于高性能JAVASCRIPT？

★ 一个很简单的办法实现TD的加亮效果.

★ 动态提示的下拉框

★ 一些很实用且必用的小脚本代码第1/5页

★ javascript中一些util方法汇总

★ 一段实时更新的时间代码