2

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

При этом, если он двигает мышкой, то таймер скидывается и начинает считать только когда снова курсор замер.

5
  • 4
    Конечно же можно! :)
    – iKuzko
    19 июл 2012 в 6:10
  • 1
    Как вариант сделать таймер и при активности грызуна обнулять его + проверку на таймера, как только перевалит за пороговое значение показать дивник. Сам ничего подобного не делал так, что на чистой фантазии выдал.
    – zenith
    19 июл 2012 в 6:13
  • Да ты и сам всё знаещь :) За чем глупые вопросы задаёшь?
    – zenith
    19 июл 2012 в 6:15
  • zenith, не нервничай
    – new_user_1
    19 июл 2012 в 6:31
  • @new_user_1 Спокоен как слон. Мраморный
    – zenith
    19 июл 2012 в 22:06

3 ответа 3

3
$('#hideDiv').hide(); // прячим необходимый див

var showDiv = function(){
     $('#hideDiv').show();
}; // функция для его отображения, будет стоять на таймере

var timeOut = setTimeout(showDiv, 3000); // ожидание показывания дива

$('body').mousemove(function(){
     clearTimeout(timeOut); //  если дёрнули мышкой обнулили ожидание
      $('#hideDiv').hide(); // спрятали див
     timeOut = setTimeout(showDiv, 3000); // начали ждать снова
}); 

пруф.

UPD: апдейт от тов. @neoascetic

1
3
function showHidenBlock(){
  this.timeout = null;
  this.showBlock = function(){
    $('#myHidenBlock').show();
  };
  this.resetTimeout = function(){
    clearTimeout(this.timeout);
    this.timeout = setTimeout(this.showBlock, 5000);
  }
}
var showHidenBlock = new showHidenBlock();
$(window).on({
  mousemove:function(){showHidenBlock.resetTimeout()}
});

Как вариант решения. Но в следующий раз желательно точнее задавать вопрос :)

1

Вот здесь есть удобный jquery плагин для твоей цели: jquery-idletimer-plugin

ДЕМО

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.