두 개의 제출 사이에 대기 시간을 두십시오.

Question

제출할 때 AJAX 조치를 취하는 양식이 있습니다. 사용자가 양식을 제출 한 직후에 한 번 더 게시하려면 최소 대기 시간을 5 초로 지정하고 싶습니다.

더 좋은 방법은 무엇입니까? 나는이 스크립트 (작동하지 않습니다하지만 난 생각이 여기 추측) 제작 :

$("form#submit_under_wall"+array[1]).submit(function() { 

    var submit_timestamp=0; 
    var c = new Date(); 
    var now = ISODateString(c); 

    if(now-submit_timestamp>5){ 

     var d = new Date(); 
     var timestamp_message = ISODateString(d); 
     submit_timestamp = timestamp_message ; 

      //AJAX ACTION    

    }else{ alert("Wait 5sec between each post."); } 


return false; 
}); 

Answer 1

이 나던 작업의 타임 스탬프들이 제출마다 리셋 있기 때문에, 당신은 함수의 외부 submit_timestamp를 이동해야합니다. 또한, 그 5 아마해야 5 * 1000

이 같은 (테스트하지) :

var submitTime = (new Date()).getTime() - 5000; //let user submit if he clicks within 5s of page load 
$("form#submit_under_wall"+array[1]).submit(function(e) { 
    var now = (new Date()).getTime(); 
    if(now-submitTime > 5000){ 
     submitTime = (new Date()).getTime(); 
     //AJAX ACTION    
    } else { 
     alert("Wait 5sec between each post."); 
    } 
    e.preventDefault(); 
}); 

Answer 2

가장 쉽고 가장 표준적인 방법은 자바 스크립트 기본 setTimeout 방법을 사용하는 것입니다.

var last_action; 

function ajax_action() { 
    last_action = Date.getTime(); 
    // AJAX STUFF 
} 

$("form#submit_under_wall"+array[1]).submit(function(e) { 
    e.preventDefault(); // Sexier than 'return false' 
    if(last_action != undefined) { 
    setTimeout(ajax_action, Date.getTime()-last_action); // Wait for 5s before doing the action 
    } else { 
    ajax_action(); 
    } 
}); 

Answer 3

사용 window.setTimeout()

1. 랩 당신이 함수에서 수행 할 (예를 들어 function foo(){ alert('test'); }를)

2. 5 초 지연으로 전화하십시오. setTimeout(foo,5000)