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

2019/05/13 Марат 244 JS | JS_METHOD |

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

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

1. У нас есть кнопка, которая будет имитировать какое-то действие в скрипте…

2. В див будет предана какая-то информация – результат работы скрипта(например)

3. Через некоторое время эту информацию надо скрыть!

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

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

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

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

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

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

<rezult>Сюда передадим данные</rezult>

<button id="button">Нажми на меня</button>

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

rezult = document.querySelector('rezult');

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

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

button.onclick = function()

{

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

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

};

Не стесняемся говорить спасибо!

Теги:

На сайте сейчас :