Image slider via HTML in JavaScript

Let now in the HTML code we have all the images that we plan to show in our slider:

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

Let's make it so that when you enter the page, the first image is shown, then a second later, the second, and so on in a circle.