Как совершить некоторое действие по истечении некоторого времени?

Question

[KononovD]

Да, суть вопроса не отражает мой вопрос, но косвенно с ним связана...

Проблема следующая: есть кнопка "каталог", когда на нее наводишь курсором - выпадает каталог с ссылками. Этот каталог лежит в одном диве с кнопкой, а на диве висит событие онМаусЕнтер (открывается каталог) и онМаусМув (закрывается каталог). Хочу сделать так, что бы было какое-то время, после того, как курсор покинул каталог, до его закрытия, и что бы я мог вернуть курсор обратно и ничего бы не закрылось.

Делаю это на реакте.

Где-то я видел похожую систему, там использовались таймауты и интервалы. вроде в интервале было условие и когда условие - истина - выполнялся код внутри и делался клеарИнтервал. Но я не могу эту схему с реактом подружить

Answer 1

[Антон Спирин]

onMouseLeave делаем this.timeout = setTimeout(callback, duration);
onMouseEnter делаем clearTimeout(this.timeout);

Comments

[KononovD]

Спасибо) это оказалось проще, чем я думал))))