x 초 이내에 발생한 경우 함수를 무시합니다.

Question

사람들이 내 말씨를 오해하고 있기 때문에 마지막으로 발생한 경우 내 jquery에서 아래에 주석으로 표시된 함수를 무시하기 위해 "다음 코드를 사용하십시오" "X"초. 내 코드는 다음과 같습니다.

편집 : 예를 들어 답을 적어주세요. "스크립트는 수업 시간의 변화를 무시하고 지연은 효과가 없습니다"http://www.w3schools.com/code/tryit.asp?filename=FBC4LK96GO6H

나 자신을 포함한 모든 사람을 혼란스럽게합니다.

Answer 1

작성자의 게시물 업데이트로 인해 편집되었습니다.

사용자 지정 이벤트를 만들 수 있습니다. 이 함수를 사용하면 선택한 객체에서 "delayedClick"이벤트를 정의합니다. 당신이 선택한 요소에 delayTime이 이벤트를 정의해야

function delayedClickable(selector, delayTime){ 
    $(document).ready(function(){ 
    $(selector).each(function() { 
     var lastTimeFired = 0; 
     $(this).click(function(){ 
     if(Date.now() - delayTime > lastTimeFired) { 
      lastTimeFired = Date.now(); 
      $(this).trigger('delayedClick'); 
     } 
     }); 
    }); 
    }); 
} 

Remeber :

var delayTime = 3 * 1000; // 3 sec delay between firing action 
delayedClickable('.Img2', delayTime); 

그리고 그냥 요소에 이벤트를 사용합니다. 예를 클릭에 대한 이벤트는 그런 식으로 사용할 수 있습니다

$element.on('click', function() { 
    // ... 
}); 

그리고 사용자 정의 delayedClick 이벤트가 그런 식으로 사용되어야한다 :

$element.on('delayedEvent', function() { 
    // ... 
}); 

전체 예 : http://www.w3schools.com/code/tryit.asp?filename=FBC56VJ9JCA5

---

@ 업데이트 클릭 기능을 계속 사용하는 또 다른 까다로운 방법을 발견하여 정상적으로 작동하게합니다.

function delayedClickable(selector, delayTime){ 
    $(document).ready(function(){ 
    $(selector).each(function() { 
     var scope = this; 
     $(this).click(function(){ 
     scope.style.pointerEvents = 'none'; 
     setTimeout(function() { 
      scope.style.pointerEvents = 'auto'; 
     }, delayTime); 
     }); 
    }); 
    }); 
} 

그리고 전부 다음

var delayTime = 3 * 1000; // 3 sec delay between firing action 
delayedClickable('.Img2', delayTime); 

.

두 번째 방법의 핵심은 클릭 할 때 요소에 대한 포인터 이벤트를 사용하지 않도록 설정 한 다음 시간 초과 후에 이러한 이벤트를 다시 작동하도록 만드는 것입니다. https://developer.mozilla.org/en/docs/Web/CSS/pointer-events

그리고 전체 예제 : http://www.w3schools.com/code/tryit.asp?filename=FBC678H21H5F

Answer 2

이 플래그 변수를 변경하는 setTimeout()을 사용할 수 및 조건부 이벤트 핸들러에서의

var allowClick = true, 
    delaySeconds = 5; 
$(".element1").click(function(){ 
    if(!allowClick){ 
     return; // do nothing and don't proceed 
    } 
    allowClick = false; 
    setTimeout(function(){ 
     allowClick = true; 
    }, delaySeconds * 1000); 

    // other element operations 
})