Отложенный запуск функции
Пытаюсь понять как сделать функцию с задержкой запуска, чтобы функция запускалась только если курсор удерживается над объектом какое-то время. Пытался использовать setTimeout и delay, но в этом случае функция всё равно запускается, хотя и с задержкой.
Наведите, пожалуйста, на правильный путь. |
<div style="width: 100px; height: 100px; background: red;">Иди ко мне</div>
<script>
function myFunc() {
alert( "called function" );
}
var div = document.getElementsByTagName('div')[0],
handler = null;
div.onmouseover = function() {
handler = setTimeout( myFunc, 2000 );
}
div.onmouseout = function() {
clearTimeout( handler );
}
</script>
|
| Часовой пояс GMT +3, время: 13:47. |