Control deslizante de imágenes a través de HTML en JavaScript

Supongamos que ahora en el código HTML tenemos todas las imágenes que planeamos mostrar en nuestro control deslizante:

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

Hagamos que al entrar en la página se muestre la primera imagen, luego después de un segundo - la segunda, y así sucesivamente en círculo.