jQuery 인증 코드 보 내기 제어 단추 비활성화 기능 구현
효과 도 는 다음 과 같다.
발송 후 사용 하지 않 기 단 추 를 누 르 십시오
5 초 후 비활성화 취소,다시 발송
코드 는 다음 과 같 습 니 다:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text">
<input type="button" value=" ">
<script src="js/jquery-1.12.4.min.js"></script>
<script>
//
var $btn = $("input:button")
//
$btn.click(function () {
//
var n = 5;
//
//
$(this).prop("disabled",true).val(n + "s ")
// 1s
// 1s
var timer = setInterval(() => {
n--;
//
// this window
$(this).val(n + "s ")
// 0 ，
if (n <= 0) {
clearInterval(timer)
// 5s ，
//
$(this).val(" ").prop("disabled",false)
}
},1000)
})
</script>
</body>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
