when clicking on an image next image comes and this process continues

<div class="container">
        <img id="img" src="car.jpg">
    </div>
    <script>
        var i = 0;
        var images = ["car.jpg", "car2.jpg", "car3.jpg", "car4.jpg"];
        var img = document.getElementById("img");

        function change() {
            img.src = images[i];
            if (i < images.length - 1) {
                i++;
            } else {
                i = 0;
            }
        }
        setInterval(change, 2000);
    </script>