Obrázkový slider v HTML a JavaScriptu

Předpokládejme, že v HTML kódu máme všechny obrázky, které plánujeme zobrazit v našem slideru:

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

Udělejme to tak, aby při vstupu na stránku se zobrazil první obrázek, poté po vteřině - druhý, a tak dále v kruhu.