Мерцание экрана (быстрое затемнение и возврат в прежний вид)

@jokerkri · Регистрация: 10.05.2014

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

Всем доброго времени суток, нужна помощь! Нужен код "мерцания экрана" есть примеры затемнения экрана, затемнение экрана при лайтбоксе и т.д. но мне надо чтобы при нажатии на кнопку происходило мерцание, чтоб экран немного потух а потом сразу вернулся в исходный вид. Спасибо.

zhibirc · 10.05.2014, 23:25

CSS
1
2
3
4
5
6
7
8
9
.popup {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 100;
            background: rgba(0, 0, 0, .3);
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function() {
            var popup = document.getElementById('popup');
            document.getElementById('go').addEventListener('click', function() {
                var timer = setInterval(function() {
                    popup.className = popup.className == 'popup' ? '' : 'popup';
                }, 100);
                addEventListener('mousemove', function() {
                    clearInterval(timer);
                    popup.className = '';
                }, false);
            }, false);
        };

HTML5
1
2
<button id="go">Click to blink</button>
<div id="popup"></div>

Так?

@jokerkri · 12.05.2014, 13:02 **[ТС]**

!i, большое спасибо за помощь! в принципе суть вы поняли верно, скорее я не правильно выразился. Все работает только как можно сделать чтобы мерцание было всего один раз по нажатию. Сейчас код написан так что мерцание происходит рандомное количество раз иногда больше иногда меньше иной раз вообше не происходит... что надо поменять чтобы кликнул и мерцание было однократным, спасибо )

@kalabuni · 12.05.2014, 13:59

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!doctype html> 
<html>
<head>
<style>
html, body {height: 100%; margin: 0}
#blink     {position: absolute;
           left: 0;
           right: 0;
           top: 0;
           bottom: 0;
           z-index: 100; 
           background: rgba(0, 0, 0, .3);
           display: none;
           }
</style>
<script>
window.onload = function () {document.getElementById ('go').onclick = myFunc}
function myFunc ()
{
with (document.getElementById ('blink').style)
if (!self.TMR) display = 'block', TMR = setTimeout (myFunc, 234);
else display = 'none', clearTimeout (TMR), TMR = 0;
}
</script>
</head>
<body>
<div id="blink"></div>
<button id="go">Click to blink</button>
</body>
</html>

если надо, чтобы окно "гасло" всего один раз за время жизни страницы, то из строки #22 уберите 9 символов , TMR = 0, т.е. чтобы она выглядела так: else display = 'none', clearTimeout (TMR);

ну и "поиграйте" длительностью "мерцания" - поменяйте число 234 в строке #21 на другое: чем больше оно будет, тем дольше окно будет затемнено и чем меньше, тем, наоборот, окно быстрее "просветлеет"

Новые блоги и статьи Все статьи Все блоги /
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .

@jokerkri 0 / 0 / 0 Регистрация: 10.05.2014 Сообщений: 6

	Мерцание экрана (быстрое затемнение и возврат в прежний вид) 10.05.2014, 22:13. Показов 2368. Ответов 3 Метки нет (Все метки) Всем доброго времени суток, нужна помощь! Нужен код "мерцания экрана" есть примеры затемнения экрана, затемнение экрана при лайтбоксе и т.д. но мне надо чтобы при нажатии на кнопку происходило мерцание, чтоб экран немного потух а потом сразу вернулся в исходный вид. Спасибо. 0

@jokerkri 0 / 0 / 0 Регистрация: 10.05.2014 Сообщений: 6
	12.05.2014, 13:02 [ТС]
	!i, большое спасибо за помощь! в принципе суть вы поняли верно, скорее я не правильно выразился. Все работает только как можно сделать чтобы мерцание было всего один раз по нажатию. Сейчас код написан так что мерцание происходит рандомное количество раз иногда больше иногда меньше иной раз вообше не происходит... что надо поменять чтобы кликнул и мерцание было однократным, спасибо ) 0