Как сделать задержку перед выполнением основного JS скрипта при hover?

Question

[Андрей Стрелков]

Добрый день, подскажите пожалуйста, не могу разобраться как можно достичь паузы при наведении на определенный объект, и после истечения который сделать основное действие скрипта

А именно в ручном режиме нужно включать tooltip-ы у bootstrap-а

$(".tooltip-element").hover(function() {
  $(this).tooltip({
    trigger: "manual",
    container: 'body'
  })
})
.on("mouseenter", function() {
  var _this = this;
    $(this).tooltip("show");
})
.on("mouseleave", function() {
  var _this = this;
  setTimeout(function() {
    $(_this).tooltip("hide");
  }, 500);
});

у bootstrap-а есть из коробки параметр delay, но у меня определенная задача производить инициализацию только при hover-е на объекте, с отсроченным угасанием проблем нет через setTimeout, а как сделать чтобы появление при наведении было тоже только спустя 500мс

Здесь выложил пример: jsfiddle.net/Lbt8zuko

Comments

[iBird Rose]

ну ты там вроде уже сам все подготовил, но таймаут не написал внутрь первой функции jsfiddle.net/2pxq9hrj

[Андрей Стрелков]

iBird Rose, спасибо, нашёл свою ошибку, в первом случае было ($this).tooltip("show") вместо $(_this)...

Теперь вот только возник один неприятный нюанс, при наведении, она получается запускает уже отложенный старт скрипта, и получается если просто провести мышкой через кнопку не останавливаясь на ней, то подсказка всплывет,
хотя на самом деле не было целе её смотреть, мышка просто мимо через неё прошла

Как то бы ещё сделать, чтобы может проверка какая то была, что если время вышла и мышка до сих пор на ней, то тогда инициализируй подсказку

Answer 1

[mikhailivanko]

Comments

[Андрей Стрелков]

Большое спасибо! То что нужно!

Разрешите ещё один, а можно ли сделать так, чтобы tooltip не угасал, пока на него наведен курсор, т.е. не на кнопку наведен, а на сам tooltip

[Сергей Соколов]

один таймер на всех? Элементов с тултипом, наверное, может быть множество.

[Андрей Стрелков]

Сергей Соколов, как практика показала - не критично, у меня время до появления 1сек, время исчезновения 200мс, теоретически таймер освобождается до появления следующего