PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Постепенное исчезновение сообщений

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

ПТО	Отправлено: 24 Декабря, 2013 - 16:25:38
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	CODE (html): скопировать код в буфер обмена <div id="message"> <div class="message">Текст сообщения</div> <div class="message">Текст сообщения 2</div> </div> Написал так: elem - элемент сообщения, slow - время в мс CODE (javascript): скопировать код в буфер обмена function fadeOut(elem, slow) { elem.style.opacity = elem.style.opacity - 0.01; if (elem.style.opacity > 0) { window.setTimeout(function() { fadeOut(elem, slow); }, slow); } else { elem.style.display = 'none'; } } Для запуска в любом нужном мне месте запускаю так: CODE (javascript): скопировать код в буфер обмена window.setTimeout(function() { var message = document.getElementById("message"); fadeOut(message, 30); }, 15000); Гаснуть начинает через 15 сек. Теперь что не получилось: Если в течение 15 секунд выводится еще сообщение, то оно начинает гаснуть не за 15 сек, а за оставшееся время, скажем, секунды через 3. Надо По-хитрому запустить функцию, чтобы при последующем запуске ее предыдущее выполнение прервалось. Желательно на чистом js

IllusionMH	Отправлено: 24 Декабря, 2013 - 16:40:13
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	ПТО, *clearTimeout*.

SAD	Отправлено: 24 Декабря, 2013 - 16:40:23
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	CODE (javascript): скопировать код в буфер обмена function fadeOut(elem, slow) { elem.style.opacity = elem.style.opacity - 0.01; if (elem.style.opacity > 0) { clearTimeout(elem.getAttribute('data-timer')); elem.setAttribute('data-timer', setTimeout(function() { fadeOut(elem, slow); }, slow)); } else { elem.style.display = 'none'; elem.removeAttribute('data-timer'); } } (Добавление) хотя, это не то в Вашем случае

ПТО	Отправлено: 24 Декабря, 2013 - 16:47:35
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Спасибо, сейчас приспособим )))

SAD	Отправлено: 24 Декабря, 2013 - 16:53:40
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	CODE (javascript): скопировать код в буфер обмена function hideElem(elem, timeout) { var timer = elem.getAttribute('data-timer'); if (typeof timer !== 'undefined') { clearTimeout(timer); elem.style.opacity = 1; } elem.setAttribute('data-timer', setTimeout(function () { fadeOut(elem, 30); }), timeout); } var message = document.getElementById("message"); вызывать hideElem(message, 15000) (Отредактировано автором: 24 Декабря, 2013 - 17:04:41)

ПТО	Отправлено: 24 Декабря, 2013 - 19:29:23
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Спасибо, IllusionMH, спасибо SAD Вот конечный вариант (мой, два типа сообщений, все работает) 1) сделал не через атрибут, а через свойство 2) Нужны оба кода, что писал SAD, так как сообщению назначается setInterval дважды: при вызове через промежуток времени (15 сек) и при "погасании" в течении 3 сек 3)при погасании убрал удаление timeoutId - оно все равно перезаписывается, а во втором блоке кода - не нужен. Цитата: При передаче несуществующего или уже выполненного timeoutID - ничего не происходит, исключение не генерируется. 4) и самое главное: удаление timeoutId происходит при вызове hideElem (в моем случае "em") в начале 5) Повысил карму SAD до 46 Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена function em(d) { var tMax = 15000; var tMin = 30; var error = document.getElementById('error'); var message = document.getElementById('message'); var eTimer = error.timeoutId; if (typeof eTimer !== null) { clearTimeout(eTimer); } var mTimer = message.timeoutId; if (typeof mTimer !== null) { clearTimeout(mTimer); } error.innerHTML = ''; error.style.display = 'none'; message.innerHTML = ''; message.style.display = 'none'; if (typeof d !== 'object') { return false; } //Вывод ошибки: if (d.error !== undefined && d.error !== null) { error.style.display = 'block'; error.style.opacity = 1; for (i = 0; i < d.error.length; i++) { error.innerHTML += "<div class='error'>" + d.error[i] + "</div>"; } error.timeoutId = setTimeout(function() { fadeOut(error, tMin); }, tMax); return false; } else if (d.message !== undefined && d.message !== null) { message.style.display = 'block'; message.style.opacity = 1; for (i = 0; i < d.message.length; i++) { message.innerHTML += "<div class='message'>" + d.message[i] + "</div>"; } message.timeoutId = setTimeout(function() { fadeOut(message, tMin); }, tMax); } return true; } function fadeOut(elem, slow) { elem.style.opacity = elem.style.opacity - 0.01; if (elem.style.opacity > 0) { elem.timeoutId = setTimeout(function() { fadeOut(elem, slow); }, slow); } else { elem.style.display = 'none'; } }

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.