VPF::> Скрытие меню через 3 с - Форум программистов

champion

Дата 3.9.2008, 10:42 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 272
Регистрация: 26.1.2005

Репутация: нет
Всего: 2

Приветствую!
Подскажите пожалуйста, как сделать автоматическое скрытие слоя, в случае отсутствия перемещения мыши по нему в течение 3сек.

--------------------

Alpha

Дата 3.9.2008, 12:30 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 29.10.2007
Где: Зеленоград

Репутация: 1
Всего: 1

Можно воспользоваться методом setTimeout
Про него можно почитать тут:
http://www.fpublisher.ru/documentation/dht...ocs#hsettimeout

Как можно сделать:
На onMouseOver повесить метод, который будет убивать предыдущий таймаут, и создавать новый. По таймауту будем убирать слой.
При движении мышкой убъется предыдущий таймаут, если он еще не сработал, без срабатывания функции, которая убирает слой, и создастся новый таймаут.

window.clearTimeout(h); - убиваем таймаут;
window.setTimeout('hide()', 3000) - создает новый

Пример рабочего скрипта:

Код



<script>

    var h = false;
    
    function hide(){
        document.getElementById('dv').style.display='none';
    }
    
    function chkMovement(){
        if (h!=false){
            window.clearTimeout(h);
        }
        h = window.setTimeout('hide()', 3000);
    }

</script>

<div id="dv" style='padding:10px; border:1px solid black' onMouseMove="chkMovement()">
    Этот див уберется<br>
    если не будет движений<br>
    3 секунды
</div>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »