Как при активности мыши заставлять элемент оставаться видимым, а при истечение таймера пропадать?

Question

[awd10]

Подскажите, как исправить?
https://jsfiddle.net/e98v5h34/

Answer 1

[profesor08]

Вам надо сделать так: https://jsfiddle.net/profesor08/u0qacnp3/

Answer 2

[bob_cody]

Уберите функцию с clearTimeout - в спецификации метода .on нет там второй функции.
В настройках jsfiddle подключите jQuery.

var delay = 1000,
  setTimeoutConst;
$("body").on("mousemove click", function() {
  clearTimeout(setTimeoutConst);
  $('.test').fadeIn();
  setTimeoutConst = setTimeout(function() {
    $('.test').fadeOut();
  }, delay);
});

Answer 3

[Дмитрий Евграфович]

Обернуть функцию сокрытия элемента в debounce и вызывать ее при движении мыши underscorejs.ru/#debounce