Слайдер картинок через HTML на JavaScript

Пусть теперь в HTML коде у нас есть все картинки, которые мы планируем показывать в нашем слайдере:

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

Давайте сделаем так, чтобы по заходу на страницу показывалась первая картинка, затем через секунду - вторая, и так далее по кругу.