JavaScript orqali HTML-da rasm slayderi

Endi HTML kodimizda slayderda ko'rsatmoqchi bo'lgan barcha rasmlar mavjud deb faraz qilaylik:

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

Keling, sahifaga kirilganda birinchi rasm ko'rsatilsin, keyin bir soniyadan so'ng - ikkinchi rasm va shu tartibda aylana bo'yicha davom etsin.