Уроки по PHP
JavaScript
Уроки по HTML
Дизайнерам
СЕОшникам
Разное
При создании сайтов, или разработки интернет-магазина под ключ, очень часто требуется делать какое-нибудь действие через определенное время. Например, пользователь жмет скачать файл, и файл начинает скачиваться через 30 секунд. В последние время многие так делают, чтобы пользователь больше находился на сайте, и больше просмотрел рекламы. Или каждые 5 секунд обновляется страница, такой прием очень часто используется в чатах. В JavaScript есть 2 функции работы с таймерами:
Функция setTimeout
Функция setTimeout нужна для запуска функции через определенный промежуток времени. Рассмотрим небольшой пример:
Нам нужно запустить функцию через 5 секунд:
<html>
<head>
<title>Функция setTimeout | Дизайн студия OX2</title>
</head>
<body>
<script type="text/javascript">
/**
* Функция test будет запускаться через 5 секунд, после загрузки страницы
* @author ox2.ru дизайн студия
**/
function test() {
alert("test");
}
//5000 это время через которое нужно запустить функцию (5 секунд, 5000 миллисекунд)
setTimeout(test, 5000);
</script>
</body>
</html>
Функция setInterval
Функция setInterval работает аналогично функции setTimeout. Разница между ними в том, что setTimeout запускает функцию 1 раз, а setInterval постоянно. Например, мы хотим, чтобы функция test запускалась каждые 5 секунд.
<html>
<head>
<title>Функция setInterval | Дизайн студия OX2</title>
</head>
<body>
<script type="text/javascript">
/**
* Функция test будет запускаться каждые 5 секунд
* @author ox2.ru дизайн студия
**/
function test() {
alert("test");
}
//Каждые 5000 миллисекунд запускаем функцию test (5 секунд, 5000 миллисекунд)
setInterval(test, 5000);
</script>
</body>
</html>
Комментарии
Заполните все поля
Написать комментарий