간단한 JS 시간 제어 샘플 코드(JS 시, 분, 초 시간 제어)_javascript 기술

오랫동안 인터넷을 검색했는데 "시, 분, 초"만 있는 컨트롤을 찾을 수 없어서 다른 분들의 편의를 위해 직접 만들어 여기에 게시했습니다

마우스 클릭 후의 효과

SetTime.js

코드 복사 코드는 다음과 같습니다.

/**//************************************
* 사용방법:
* 먼저 넣어주세요 이 컨트롤은 페이지에 포함되어 있습니다.
*
* 컨트롤 호출 함수: _SetTime(field)
* 예를 들어
*
**************** ******** *******************/
var str = "";
document.writeln("

");
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< 이름 선택=/"_분/">";
for (m = 0; m str = "<옵션 값=/"0" m " /"> ;0" m "";
}
for (m = 10; m str = "<옵션 값=/" " m " /">" m "";
}
str = " /u79d2<이름 선택=/"_second/">";
for (s = 0; s str = "<옵션 값=/"0" s "/">0" s "";
}
for (s = 10; s str = "<옵션 값=/"" s "/">" s "";
}
str = " <입력 이름=/"queding/" type=/"button/" onclick=/"_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";
}
함수 _select() {
_fieldname.value = document.all._hour.value ":" document.all._ Minute.value ":" document.all._second.value;
document.all. _contents.style.visibility = "숨김"
}