Есть ли способ узнать, не нажата ли кнопка определенное время?

Question

Есть ли способ узнать, не нажата ли кнопка определенное время? У меня есть две кнопки увеличения и уменьшения (плюс и минус) для управления температурой с помощью запроса Ajax. Значение увеличивается один к одному со следующей функцией:

Plugin_increment.prototype.startPluginTempe = function (selector, dataAux, dataAux2, varAux, varAux2) { 
    var valueElement = $(selector); 
    function incrementValue(e){ 
     if((valueElement.text() < 40) && (valueElement.text() > 10)){ //max and min 
      valueElement.text(Math.max(parseInt(valueElement.text()) + e.data.increment)); 
     } 

     if(valueElement.text() == 40){//max 
      if(e.data.increment == -1){ 
       valueElement.text(Math.max(parseInt(valueElement.text()) + e.data.increment)); 
      } 
     } 
     if(valueElement.text() == 10){//min 
      if(e.data.increment == 1){ 
        valueElement.text(Math.max(parseInt(valueElement.text()) + e.data.increment));     
       } 
     } 
     //Ajax request?????? 
     return false; 
    } 
    $(varAux).button({ 
       icons: { 
       primary: "ui-icon-plusthick" 
       }, 
       text: false 
     }).bind('click', {increment: 1}, incrementValue);  
    $(varAux2).button({ 
       icons: { 
       primary: "ui-icon-minusthick" 
       }, 
       text: false 
     }).bind('click', {increment: -1}, incrementValue); 

}; 

«селектор» является селектор пролета, чтобы показать значение. «varAux» и «varAux2» являются селекторами кнопок «плюс» и «минус».

Если я отправляю запрос Ajax для каждого приращения, клиент перегружается. Я думаю, что вариант может состоять в том, чтобы узнать, не нажата ли кнопка на определенное время. Другой путь?

Я использую jquery-ui для кнопок плюс и минус.

Answer 1

Вы можете установить минимальный интервал между запросами AJAX. Если в течение этого интервала дважды нажать кнопку, будет выполнен только один запрос:

function incrementValue(e) { 
    //your existing code here 
    scheduleAjaxRequest(); 
} 

var minimumTimeBetweenAjaxRequests = 500; // in milliseconds 
var ajaxRequestIsScheduled; 

function scheduleAjaxRequest() { 
    if (ajaxRequestIsScheduled) { 
     // two or more clicks within specified interval, 
     // the data will be sent in request that's already sceheduled 
     return; 
    } 
    ajaxRequestIsScheduled = setTimeout(doAjaxRequest, minimumTimeBetweenAjaxRequests); 
} 

function doAjaxRequest() { 
    //Ajax request 
    ajaxRequestIsScheduled = null; // clear timeout ID to allow next request to be scheduled 
}