Отложенный запуск функции

[Glook]

Пытаюсь понять как сделать функцию с задержкой запуска, чтобы функция запускалась только если курсор удерживается над объектом какое-то время. Пытался использовать setTimeout и delay, но в этом случае функция всё равно запускается, хотя и с задержкой.

Наведите, пожалуйста, на правильный путь.

[devote]

<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>