首頁  >  文章  >  web前端  >  一個簡單的JS時間控制項範例程式碼(JS時分秒時間控制項)_javascript技巧

一個簡單的JS時間控制項範例程式碼(JS時分秒時間控制項)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:13:081388瀏覽

自己在網路上找了半天沒找到只有 「時分秒」的控件, 就自己做了個,發在這裡方便有人用到



滑鼠點擊 後 的效果

SetTime.js

複製代碼 代碼如下:

/**//***********************************
* 使用說明:
* 先把本控制項包含到頁面
*
* 控制項呼叫函數:_SetTime(field)
* 例如
*
********************** **************/
var str = "";
document.writeln("";
document.writeln(str);
var _fieldname;
function _SetTime(tt) {
    _fieldname = tt;
    var ttop = tt.offsetTop;    //TT 
    var tleft = tt.offsetLeft;    //TT控制的定位點寬
    while (tt = tt.offsetParent) {
  offsetLeft;
    }
    document.all._contents.style.top = ttop thei 4;
    document.all._contents.style.left = tleft ;
}
function _select() {
    _fieldname.value = document.all._hour.value ":" document.all._minute.value ":" document.all._second.value >    document.all._contents.style.visibility = "hidden";
}


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn