Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.74/34: Рейтинг темы: голосов - 34, средняя оценка - 4.74
25 / 25 / 11
Регистрация: 13.12.2011
Сообщений: 818
1

Всплывающее окно через 30 секунд после загрузки страницы и затем каждые 30 секунд

19.03.2017, 14:54. Показов 6566. Ответов 4
Метки нет (Все метки)

Задача

Нужно реализовать всплывающее окно через 30 секунд после загрузки страницы, показать его на 10 секунд и скрыть. Затем повторять эту итерацию каждые 30 секунд.

Вопрос - это нужно делать через setTimeOut или setInterval ?
0

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

Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.03.2017, 14:54
Ответы с готовыми решениями:

Запуск php страницы каждые n секунд из js с передачей данных
есть задача, есть index.html в ней должен быть скрипт с циклом который прерывает цикл на несколько...

Нужно сделать перенаправление страницы через n секунд
Как перенаправить на другую страницу я знаю(header(refresh)), но в данной задаче нужно показывать в...

Как запустить музыку после 30 секунд запуска страницы?
Возможно ли это реализовать? Как это сделать если музыка находиться в папке music на сайте?

Переадресация страницы через Х секунд без доступа к head
Добрый день! Есть страница index.php, которая грузит контент через ряд инклудов. Схема примерно...

4
3230 / 2776 / 1395
Регистрация: 15.01.2014
Сообщений: 6,089
19.03.2017, 15:10 2
Лучший ответ Сообщение было отмечено Mashka_mulashka как решение

Решение

Цитата Сообщение от Mashka_mulashka Посмотреть сообщение
это нужно делать через setTimeOut или setInterval ?
setTimeout вполне подойдёт.
Javascript
1
2
3
4
5
6
function showModal() {
    $('#modal-layer').fadeIn('fast').delay(10000).fadeOut('slow', function() {
        setTimeout(showModal, 30000);
    });
}
setTimeout(showModal, 30000);
1
25 / 25 / 11
Регистрация: 13.12.2011
Сообщений: 818
19.03.2017, 18:59  [ТС] 3
Lazy_Den,

а можете показать с аякс запросом куда это вставлять?

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function pop_up(){
 
    $('.pop_up').fadeIn('fast').delay(3000).fadeOut('slow', function() {
        setTimeout(showModal, 5000);
    });
    $.ajax({
       type:"POST",
        url:"/ajax/add-popup.php",
        dataType:"json"
    }).done(function(result){
 
        console.log(result);
    });
}
Javascript
1
2
(function($) {
    setTimeout(pop_up, 5000);
0
3230 / 2776 / 1395
Регистрация: 15.01.2014
Сообщений: 6,089
19.03.2017, 19:17 4
Цитата Сообщение от Mashka_mulashka Посмотреть сообщение
с аякс запросом
Если расскажите, как всплывающее окно связано с Ajax-ом, то постараюсь помочь.
0
25 / 25 / 11
Регистрация: 13.12.2011
Сообщений: 818
19.03.2017, 21:07  [ТС] 5
Lazy_Den, в принципе, все получилось. спасибо
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
19.03.2017, 21:07

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

Изменение стиля текста в document.write через 10 секунд после загрузки сайта и изменяет цвет текста каждые 10 секунд
<style type="text/css"> .st1 { color: green; * * font: 20pt Arial; * * text-align: center; }...

Появление блока через 5 секунд после загрузки страницы
Подскажите эффект, который позволял бы подгрузить тот или иной объект позже всех остальных....

После загрузки секунд через 40 компьютер зависает намертво
Zdravstvuite.... u menia takaia problema: posle zagruzki windows, sekund cherez sorok u menia...

Обрыв подключения через несколько секунд после загрузки
помогите пожалуйста с настройкой 8 виндовс. установил на нетбук, разрешение экрана...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.