Устранение неполадок setTimeout

Question

Я пытаюсь установить «mouseactive» на true менее секунды после команды ключа, но я хотел бы отменить это действие, если клавиша нажата в течение этого периода времени. Однако я не могу понять, как это сделать. Это то, что у меня есть ...

$(window).keydown(function(e) { 
if (e.keyCode == 40) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     var t = setTimeout("mouseActive()",800); 
} else if (e.keyCode == 38) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     var t = setTimeout("mouseActive()",800); 
} 
}); 

function mouseActive() { 
mouseactive = true; 
} 

Но это не работает, она не устанавливает mouseactive назад правда ... может кто-нибудь сказать мне, что я делаю неправильно здесь?

Answer 1

Редактировать: Очистить избыточный код.

Другие изменения: Убедитесь, что var t определена вне любого закрытия, включая $(document).ready. См. Ниже,

var t = null; 

$(document).ready(function() { 
    //..below code except for var t = null 
}); 

Объявление var t вне обработчика.

var t = null; 
$(window).keydown(function(e) { 
    e.preventDefault(); 

    if (e.keyCode == 40) { 
     mouseactive = false; 
    } else if (e.keyCode == 38) { 
     mouseactive = false; 
    } 

    if (t != null) clearTimeout(t); 
    t = setTimeout(mouseActive, 800); 
}); 

function mouseActive() { 
    mouseactive = true; 
} 

Answer 2

вы повторного объявления «т» все время, попробуйте следующее:

var t = null; 
$(window).keydown(function(e) { 
    if (e.keyCode == 40) { 
      e.preventDefault(); 
      mouseactive = false; 
      if(t != null) 
      { 
       clearTimeout(t); 
      } 
      t = setTimeout("mouseActive()",800); 
    } else if (e.keyCode == 38) { 
      e.preventDefault(); 
      mouseactive = false; 
      if(t != null) 
      { 
       clearTimeout(t); 
      } 
      t = setTimeout("mouseActive()",800); 
    } 
    }); 

    function mouseActive() { 
    mouseactive = true; 
    } 

Answer 3

Ваша проблема заключается в том, что t не в рамках 2-й раз при запуске функции. Вы должны сделать t глобальной переменной.

var t; 

$(window).keydown(function(e) { 
if (e.keyCode == 40) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     t = setTimeout(mouseActive,800); 
} else if (e.keyCode == 38) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     t = setTimeout(mouseActive,800); 
} 
}); 

function mouseActive() { 
mouseactive = true; 
} 

P.S. Не пропускайте строки до setTimeout, пропустите функции. Он использует eval, когда вы передаете строки.