Задержка всплывающего окна

@Dreamon · Регистрация: 10.08.2012

Студворк — интернет-сервис помощи студентам

У меня есть скрипт всплывающего окна, помогите пожалуйста поставить задержку на его открытие (3 секунды). Есть файл jquery.reveal.js в него задержку надо прописиывать или непостредственно в script type не страницу?

@Dreamon · 10.06.2016, 18:58 **[ТС]**

Спасибо! А вот это -

JavaScript
1
var hideTheModal = $.cookie('hideTheModal');

и это

JavaScript
1
$('.close-reveal-modal').click(function(){

не вставленно.

JavaScript
1
 $('.close-reveal-modal').click(function(){

- отвечает за клик по кнопке! Кликнул по кнопе и кукисы начинают свою функцию.

@BANO · 10.06.2016, 20:37

хорошо

JavaScript
1
2
3
4
5
6
7
8
$(function(){
    if(null == $.cookie("hideTheModal")){
        $('#myModal').reveal();  
        $('.close-reveal-modal').click(function(){
           $.cookie('hideTheModal', { expires: 30, path: '/' });
        });
    }
})

@Dreamon · 11.06.2016, 20:33 **[ТС]**

BANO спасибо большое, всё работает!!! Я вспомнил, что можно настройки вставлять в код - настройки самого окна. Например задержка, анимация и другое. Вот так они выглядят из примера:

JavaScript
1
2
3
4
5
6
$('#myModal').reveal({
     animation: 'fadeAndPop',                   
     animationspeed: 300,                       //how fast animtions are
     closeonbackgroundclick: true,              
     dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an open modal
});

Если это возможно вставить в код, то помогите пожалуйста.

@BANO · 11.06.2016, 22:55

Dreamon, а чем эти настройки помогут то? немного не понимаю

@Dreamon · 12.06.2016, 20:01 **[ТС]**

Ну есть три разные анимации выпадающего окна, есть время задержки. И мне дико надо этим управлять.
closeonbackgroundclick: true, - оттвечает за то чтобы только по кнопке X окно закрывалось.

Добавлено через 18 часов 47 минут
Подскажите пожалуйста, можно ли эти опции вставить в этот кусочек кода?

JavaScript
1
2
3
4
5
6
7
8
$(function(){
    if(null == $.cookie("hideTheModal")){
        $('#myModal').reveal();  
        $('.close-reveal-modal').click(function(){
           $.cookie('hideTheModal', { expires: 30, path: '/' });
        });
    }
})

@BANO · 12.06.2016, 20:27

Dreamon, reveal не поддерживает ивенты, то есть он их не создаёт
да и зачем? код работает, в настройки его никак не встроить

@Dreamon · 13.06.2016, 17:45 **[ТС]**

BANO у меня получилось так:

JavaScript
1
2
3
4
5
6
7
8
jQuery(document).ready(function() {
                jQuery('#myModal').reveal({                
                animation: 'fade',              // fade, fadeAndPop, none
                animationspeed: 600,            // how fast animtions are
                closeonbackgroundclick: true,  
                dismissmodalclass: 'close-reveal-modal'      // the class of a button or element that will close an open modal
            });
            });

И код работает. Мне уже не ловко просить, но я попрошу

Подскажите пожалуйста, можно ли вставить кукисы из этого кода:

JavaScript
1
2
3
4
5
6
7
8
$(function(){
    if(null == $.cookie("hideTheModal")){
        $('#myModal').reveal();  
        $('.close-reveal-modal').click(function(){
           $.cookie('hideTheModal', { expires: 30, path: '/' });
        });
    }
})

@BANO · 13.06.2016, 17:51

Dreamon, зачем вставлять куски кода? да и некуда там вставлять
я вот не понимаю, вам что нужно, чтобы окно показывалось только один раз с заданными настройками? если так, то это делается как раз плюнуть

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(function(){
    if(null == $.cookie("hideTheModal")){
        $('#myModal').reveal({
            animation: 'fade',
            animationspeed: 600,
            closeonbackgroundclick: true,
            dismissmodalclass: 'close-reveal-modal'
        });
        $('.close-reveal-modal').click(function(){
           $.cookie('hideTheModal', { expires: 30, path: '/' });
        });
    }
})

@Dreamon · 13.06.2016, 18:52 **[ТС]**

BANO вот это мне и надо было! Большущее спасибо! Единственное - Chrome не поддерживает куки для локальных файлов тоесть надо на хостинге проверять? А то проверяю в Хроме и окно не пропадает(появляется при загрузке страницы заново), хотя я крестик нажал и куки вроде должны сработать. В Файрфоксе вроде всё норм - окно не появляется после нажатия крестика.

@BANO · 13.06.2016, 18:54

Dreamon, вообще-то куки разрешены только для файлов из сети, то есть не локальных
ну не важно

@Dreamon · 13.06.2016, 18:57 **[ТС]**

В общем спасибо большое ещё раз что помогли. Сейчас всё работает как надо.

@Dreamon · 15.08.2016, 15:51 **[ТС]**

У меня появился вопрос такой, так как у меня открываетца окно, а в окне идёт ссылка на другую страницу и при переходе по ссылке опять окно всплывает. Можно ли сделать - чтобы когда появляетца окно там ссылка - ты переходишь по ссылке и окно закрываетца?

Новые блоги и статьи Все статьи Все блоги /
[golang] Алгоритм «Хак Госпера» alhaos 17.05.2026 Алгоритм «Хак Госпера» Хак Госпера (Gosper's Hack) — алгоритм нахождения следующего по величине числа с тем же количеством установленных бит. Придуман Биллом Госпером в 1970-х, опубликован в. . .	Рисование бинарного древа до 6-го колена на js, svg. russiannick 17.05.2026 <svg width="335" height="240" viewBox="0 0 335 240" fill="#e5e1bb"> <style> <!]> </ style> <g id="bush"> </ g> </ svg> function fn(){ let rost;/ / высота древа let xx=165,yy=210,w=256;	FSharp: interface of module DevAlt 16.05.2026 Интерфейс модуля F# позволяет управлять доступностью членов, содержащихся в реализации модуля. По-умолчанию все члены модуля доступны: module Foo let x = 10 let boo () = printfn "boo" . . .	Хитросплетение родственных связей пантеона греческих богов. russiannick 14.05.2026 Однооконник, позволяющий узреть и изучить отдельных героев древней Греции. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible". . .
[golang] Угол между стрелками часов alhaos 12.05.2026 По заданным значениям часа и минуты необходимо определить значение меньшего угла между стрелками аналогового циферблата часов. import "math" func angleClock(hour int, minutes int) float64 { . . .	Debian 13: Установка Lazarus QT5 ВитГо 09.05.2026 Эта инструкция моя компиляция инструкций volvo https:/ / www. cyberforum. ru/ blogs/ 203668/ 10753. html и его же старой инструкции по установке Lazarus с gtk2. . .	Нейросеть на алгоритме "эстафета хвоста" как перспектива. Hrethgir 06.05.2026 На десерт, когда запущу сервер. Статья тут https:/ / habr. com/ ru/ articles/ 1030914/ . Автор я сам, нейросеть только помогает в вопросах которые мне не известны - не знаю людей которые знали-бы. . .	Асинхронный приём данных из COM-порта Argus19 01.05.2026 Асинхронный приём данных из COM-порта Купил на aliexpress термопринтер QR701. Он оказался странным. Поключил к Arduino Nano. Был очень удивлён. Наотрез отказывается печатать русские буквы. Чтобы. . .

@Dreamon 0 / 0 / 0 Регистрация: 10.08.2012 Сообщений: 101

	Задержка всплывающего окна 05.06.2016, 21:27. Показов 5592. Ответов 31 Метки нет (Все метки) У меня есть скрипт всплывающего окна, помогите пожалуйста поставить задержку на его открытие (3 секунды). Есть файл jquery.reveal.js в него задержку надо прописиывать или непостредственно в script type не страницу? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	11.06.2016, 22:55
	Dreamon, а чем эти настройки помогут то? немного не понимаю 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	12.06.2016, 20:27
	Dreamon, reveal не поддерживает ивенты, то есть он их не создаёт да и зачем? код работает, в настройки его никак не встроить 0

@Dreamon 0 / 0 / 0 Регистрация: 10.08.2012 Сообщений: 101
	13.06.2016, 18:52 [ТС]
	BANO вот это мне и надо было! Большущее спасибо! Единственное - Chrome не поддерживает куки для локальных файлов тоесть надо на хостинге проверять? А то проверяю в Хроме и окно не пропадает(появляется при загрузке страницы заново), хотя я крестик нажал и куки вроде должны сработать. В Файрфоксе вроде всё норм - окно не появляется после нажатия крестика. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.06.2016, 18:54
	Dreamon, вообще-то куки разрешены только для файлов из сети, то есть не локальных ну не важно 0

@Dreamon 0 / 0 / 0 Регистрация: 10.08.2012 Сообщений: 101
	13.06.2016, 18:57 [ТС]
	В общем спасибо большое ещё раз что помогли. Сейчас всё работает как надо. 0

@Dreamon 0 / 0 / 0 Регистрация: 10.08.2012 Сообщений: 101
	15.08.2016, 15:51 [ТС]
	У меня появился вопрос такой, так как у меня открываетца окно, а в окне идёт ссылка на другую страницу и при переходе по ссылке опять окно всплывает. Можно ли сделать - чтобы когда появляетца окно там ссылка - ты переходишь по ссылке и окно закрываетца? 0

Задержка всплывающего окна

Решение