타이머와 지연의 개념
//- 타이머
// 타이머 ID 번호 SetInterVal (콜백 함수, 밀리 초);
// 콜백 함수를 1 밀리 초마다 호출하십시오
// ClearInterVal (타이머 ID 번호)
// 지정된 ID 번호로 타이머를 중지합니다 (실제로 리소스 파괴 및 해제)
//-지연기
// 지연 ID 번호 설정 타임 아웃 (콜백 함수, 밀리 초 간격)
// 통화에서 시작하여 지정된 수의 밀리 초를 기다렸다가 콜백 함수를 한 번, 끝
// 클리어 타임 아웃을 사용하여 지연을 지우십시오
생식 이미지 :
페이지가 열린 후 다음 그림이 나타납니다. 그 후에 버튼 값의 수는 0이 멈출 때까지 1 초마다 1 씩 감소합니다.
구현 코드 :
다음과 같이 코드 코드를 복사하십시오.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<제목> </title>
<스타일 유형 = "텍스트/CSS">
#BTN
{{
너비 : 200px;
높이 : 50px;
배경 -콜러 : 게리;
}
</스타일>
<script type = "text/javaScript">
onload = function () {
// 버튼 객체를 가져옵니다
var btn = document.getElementById ( 'btn');
// 타이머를 만들고 타이머 ID를 반환합니다
var intervalid = setInterval (function () {
var waitsecond = parseint ((// d+/). exec (btn.value)); // regexp.exec () 메서드를 사용하여 일치하는 문자열 컨텐츠를 반환합니다.
WAITSECOND-; // TIME-
if (waitsecond> = 0) {// 판단
btn.value = btn.value.replace (// d+/, waitsecond) // string.repleace (regexp, code) 메소드를 사용하여 버튼 값의 숫자를 바꾸고 교체 결과를 반환합니다.
} 또 다른 {
btn.value = '동의'; // 동의하도록 버튼 값을 변경합니다
btn.disabled = false; // 버튼의 비활성화 값을 False로 변경
ClearInterval (IntervalId); // 타이머를 지우십시오
}
}, 1000);
};
</스크립트>
</head>
<body>
<입력 유형 = "버튼"이름 = "name"value = "5 초 동안주의 깊게 읽고 계속해서"ID = "btn"disabled = "disabled"/>에 동의하십시오.
</body>
</html>