Slajder slika preko HTML-a na JavaScript-u

Neka sada u HTML kodu imamo sve slike, koje planiramo da prikažemo u našem slajderu:

html<div id="slider">
  <img src="1.png">
  <img src="2.png">
  <img src="3.png">
</div>

Hajde da napravimo tako da pri ulasku na stranicu bude prikazana prva slika, zatim posle sekunde - druga, i tako dalje u krug.