Слајдер на слики преку HTML во JavaScript

Нека сега во HTML кодот ги имаме сите слики, кои планираме да ги прикажеме во нашиот слајдер:

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

Ајде да направиме така што при влез на страницата да се прикаже првата слика, потоа после една секунда - втората, и така натаму во круг.