Slider de imagens com HTML em JavaScript

Suponha que agora, em nosso código HTML, tenhamos todas as imagens que planejamos mostrar em nosso slider:

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

Vamos fazer com que, ao acessar a página, a primeira imagem seja mostrada, depois de um segundo - a segunda, e assim por diante, em loop.