наверх

Popup-окно с заданным интервалом всплывания

Для реализации всплывающего окошка с заданным периодом всплывания понадобится знания  верстки и минимальные знания JS и PHP.

Для начала разметим наше окошко:

Оформим его:

Здесь происходит внешнее оформление окна и фона затемнения. С помощью свойства display их невидимыми и приступаем к написанию кода который будет отвечать за всплывание окна.

Прежде чем начать работу по созданию модального окна, убедитесь что библиотека jQuery к вашему сайту уже подключена. Если нет — подключите и вызовите функцию, которая будет выполнять скрипты после полной загрузки страницы.

Далее внутри этой функции пишем код отвечающий за всплывание окна и его закрытие:

Но нам не нужно чтобы форма всплывала каждый раз при загрузке страницы.  Для того чтобы задать нужный интервал для всплывания создадим в самом начале страницы куки и по ней будем проверять показывать окно или нет:

Здесь мы проверяем наличие в глобальном массиве $_COOKIE наличие куки с именем modal и если её в массиве нет, то устанавливаем еес  временем жизни трое суток для примера.

Перед  запуском  нашего скрипта поставим проверку на существование куки:

Вот и все мы создали всплывающее окно, которое будет показываться посетителю раз в трое суток.

JavaScript