Heim > Web-Frontend > js-Tutorial > 一个简单的JS时间控件示例代码(JS时分秒时间控件)_javascript技巧

一个简单的JS时间控件示例代码(JS时分秒时间控件)_javascript技巧

WBOY
Freigeben: 2016-05-16 17:13:08
Original
1408 Leute haben es durchsucht

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



鼠标点击 后 的效果

SetTime.js

复制代码 代码如下:

/**//***********************************
* 使用说明:
* 首先把本控件包含到页面
*
* 控件调用函数:_SetTime(field)
* 例如
*
************************************/
var str = "";
document.writeln("
");
str += "/u65f6 /u5206 /u79d2
";
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";
}
Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage