Изменить видимость с помощью таймера

Question

Я пытаюсь реализовать что-то очень простое, но я могу понять, как это сделать. И я не могу найти решение в любом месте.

Я хочу, чтобы изображение было видимым, а затем переключилось на скрытое через несколько секунд. (Если страница обновлена, она должна быть снова видна для выделенного времени.)

Есть ли способ сделать это легко через HTML и/или Java-скрипт?

Ваша помощь очень оценили!

Answer 1

Это действительно базовый. Определи тег изображения (я придав ему идентификатор для простоты):

<img id="image" src=""/> 

Затем использовать setTimeout ждать определенное количество секунд перед установкой display свойства изображения никто, то есть скрытые:

var image = document.getElementById("image"); 
setTimeout(function(){ 
    image.style.display = "none"; 
}, 3000); 

Example. Время в миллисекундах, поэтому 3000 = 3 секунды.