สไลด์รูปภาพผ่าน HTML บน JavaScript

ตอนนี้สมมติว่าในโค้ด HTML ของเรามีรูปภาพทั้งหมด ที่เราวางแผนจะแสดงในสไลด์ของเรา:

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

มาทำให้เมื่อเข้าสู่หน้าเว็บ แสดงรูปภาพแรกก่อน จากนั้นผ่านไป หนึ่งวินาที - แสดงรูปที่สอง และต่อไปเรื่อยๆ เป็นวงกลม