Automatyczne "zniknięcie" diva

Question

Automatyczna zmiana wartości diva na display:none

Chciałbym aby div automatycznie zniknął z strony, jak to osiągnąć. Oczywiście div miałby zniknąć po jakimś czasie. Powiedzmy po 5sekundach

Z góry dzięki za pomoc.

Answer 1

Np tak:
 

const example = document.getElementById('example')
const time = 5000

setTimeout(() => {
  example.style.display = 'none'
}, time)

 

CodePen: https://codepen.io/caderek/pen/VrWmGL?editors=1010

Answer 2

Albo za pomocą CSS:
 

@keyframes disapear {
  to {
    width:0;
    height:0;
    overflow:hidden;
  }
}

.example {
  animation: disapear 0s ease-in 5s forwards;
}

 

CodePen: https://codepen.io/caderek/pen/OOgbGg?editors=1100

Comments

A jeszcze jak by to wyglądało z użyciem jQuery?

---

I jeszcze jeśli chodzi o JS, jak zamienić ID na np klasy tak aby abo można było wykonywać ten sam skrypt kilka razy na tej samej stronie?

---

Dałem radę. Dzięki :)

---

Proszę bardzo.