JavaScript에서 X 초 동안 블록 버튼 누르기

마지막 클릭 후 3.5 초 동안 기능을 시작하는 버튼이 필요한 프로젝트가 있습니다. 즉, 버튼은 여전히 그대로 표시되어야하지만 클릭 할 때 3.5 초 동안 반응하지 않아야합니다. 여기에 버튼 클릭에 현재 시간을 표시하는 예입니다JavaScript에서 X 초 동안 블록 버튼 누르기

<!DOCTYPE html> 
<html> 
<body> 
<button type="button" onclick="myFunction()">Date</button> 
<p id="demo"></p> 
<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML = Date(); 
} 
</script> 

</body> 
</html>

사용자는 페이지를 다시로드 할 필요없이 여러 번 버튼을 클릭 (그리고 함수를 실행) 할 수 있어야한다.

어떻게해야합니까? "그것이로 표시"버튼을 비활성화하는 옵션이 아니라고

출처

2014-06-10 user3624504

을 의미 하는가? –

<button id="button" type="button" onclick="myFunction()">Date</button> 
<p id="demo"></p> 
<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML = Date(); 
    document.getElementById("button").setAttribute('disabled', true); 
    setTimeout(function(){ 
     document.getElementById("button").removeAttribute('disabled'); 
    }, 3500) 
} 
</script>

jsFiddle

출처

2014-06-10 14:40:38 jasonwarford

JavaScript에서 X 초 동안 블록 버튼 누르기

답변

관련 문제