Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!!

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

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

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);

};


Вас может еще заинтересовать список тем : #JS | #JS_METHOD |
Название скрипта :Очистить результат через некотрое время
Скрипт № 62.7Ссылка на скачивение: Все скрипты на одной странице
Теги:

Последние комментарии :
Александр :
04/06/2020 01:42
Спасибо)
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.

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