BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Как запустить скрипт через определенный промежуток времени?

Как запустить скрипт через определенный промежуток времени?

2017-09-21 / Вр:09:04 / просмотров: 5473

Как запустить скрипт через определенный промежуток времени?При создании сайтов бывают такие моменты, когда заказчик требует, чтобы скрипт запускался через определенное время, например, чтобы через 30 секунд появилось на сайте модальное всплывающее окно с акцией или еще какой-то ерундой.
Покажу простые примеры.

Функция setTimeout

setTimeout – это функция, которая запускает код единожды, через указанное вами время. Параметры задаются в миллисекундах, например, 1000 миллисекунд = 1 секунда.

Пример с использованием функции setTimeout:

<script>
/**
* Функция explode запустится через 5 секунд, после загрузки страницы
* BlogGood.ru - заказать сайт
**/
function explode(){
document.write("Привет, читатель блога BlogGood.ru");
}
setTimeout(explode, 5000); //5000 это время, через которое нужно запустить функцию (5 секунд = 5000 миллисекунд)
</script>

Строка №9 - значение «5000» – это время, через которое нужно запустить функцию (5 секунд = 5000 миллисекунд).
Функция explode() запустит все, что находится внутри скобок { код для выполнения}. В моем примере запустится строка №7 с текстом  «Привет, читатель блога BlogGood.ru».

Функция setInterval

setInterval – это функция, которая запускает код постоянно с заданной вами периодичностью. Параметры задаются в миллисекундах, например, 1000 миллисекунд = 1 секунда.

Пример с использованием функции setInterval:

<script>
/**
* Функция explode будет запускаться каждые 5 секунд после загрузки страницы
* BlogGood.ru - заказать сайт
**/
function explode(){
document.write("Привет, читатель блога BlogGood.ru<br>");
}
//Каждые 5000 миллисекунд запускается функция explode
setInterval(explode, 5000); //5000 миллисекунд = 5 секунд
</script>

Строка №10 - значение «5000» – это интервал времени, через который будет запускаться функция  (5 секунд = 5000 миллисекунд).
Функция explode() запустит все, что находится внутри скобок { код для выполнения}. В моем примере запустится строка №7 с текстом  «Привет, читатель блога BlogGood.ru».

Это все хорошо, но как остановить функцию setInterval, ведь она будет запускать скрипт бесконечно. Для удаления интервала, используем  clearInterval();

Пример:

<script>
/**
* Функция explode будет запускаться каждую 1 секунду после загрузки страницы
* BlogGood.ru - заказать сайт
**/
var timeId = setInterval(function() {
document.write("тик-так<br>");
}, 1000);

// через 10 сек остановить повторы
setTimeout(function() {
clearInterval(timeId); // используем функцию clearInterval()
document.write("БАБАХ!!!<br>");
}, 10000);
</script>

Через 10 сек остановить повторы.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716