> 웹 프론트엔드 > JS 튜토리얼 > 간단한 JS 시간 제어 샘플 코드(JS 시, 분, 초 시간 제어)_javascript 기술

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

WBOY
풀어 주다: 2016-05-16 17:13:08
원래의
1407명이 탐색했습니다.

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



마우스 클릭 후의 효과

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 = "숨김"
}
관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿