DWWEB.RU
СКРИПТЫ

После вывода информации через время скрыть её.

Нам требуется вывести информацию…. После какого-то действия и через некоторое время скрыть эту информацию! Не будет же она висеть там вечно!

Начнем с того, как это должно работать и приведем рабочий пример…

1. У нас есть кнопка, которая будет имитировать какое-то действие в скрипте…
2. В див будет предана какая-то информация – результат работы скрипта(например)
3. Через некоторое время эту информацию надо скрыть!

Как работает crhsnbtданных после нажатия!?

Просто нажмите на кнопку... получите результат и через секунду данный результат пропадет!

Сюда передадим данные

Разберемся как это работает...

Мы уже довольно много всего делали страниц и по поводу нажатия на кнопку и вывода какой-то информации на экран в общей теме javascript и как отдельный пример нажатия на кнопку… передача текста в div
1.

Нам понадобятся два тега - button будем нажимать, с rezult будем работать.

<rezult>Сюда передадим данные</rezult>
<button id="button">Нажми на меня</button>

2.

Получим одноименный тег в переменную.

rezult = document.querySelector('rezult');

button = document.querySelector('#button');

3.

Создадим клик функцию для эмуляции действия скрипта, вовнутрь поместим rezult с innerHTML - этот текст(Вы нажали на кнопку) будет отправляться при нажатии на кнопку.. внутрь тега rezult, и вторая строчка - будет отправлять пустоту в этот же тег...

button.onclick = function()

{

rezult.innerHTML = 'Вы нажали на кнопку';

setTimeout("rezult.innerHTML =''", 1000);

};

Не забудь !
Название скрипта :Очистить результат через некотрое время
Скрипт № 56.7
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019