Slider de imagini prin HTML în JavaScript

Să presupunem acum că în codul HTML avem toate imaginile pe care planificăm să le afișăm în slider-ul nostru:

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

Să facem astfel încât la intrarea pe pagină să fie afișată prima imagine, apoi după o secundă - a doua, și tot așa în cerc.