Slider di immagini tramite HTML in JavaScript

Supponiamo ora che nel codice HTML abbiamo tutte le immagini che intendiamo mostrare nel nostro slider:

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

Facciamo in modo che all'arrivo sulla pagina venga mostrata la prima immagine, poi dopo un secondo - la seconda, e così via in ciclo.