使用外部JS文件每5秒更改一次图像

Question

我正在寻找有关如何编辑下面代码的帮助，以便使用HTML和外部JS文件每5秒显示一个新图像。我希望它包含4张图片。

我在下面的代码中包含了一个加载体以更改图像。如何将部分代码移动到外部JS文件，并且仍在更改图片？

        <img id="img1" class="img-responsive">
        <script>
        var imgArray = new Array("img/mockups/about_section/app_about_mockup_1.png","img/mockups/about_section/app_about_mockup_2.png","img/mockups/about_section/app_about_mockup_3.png","img/mockups/about_section/app_about_mockup_4.png");
        var imgCount = 0;
        function startTime() {
          if(imgCount == imgArray.length) {
            imgCount = 0;
          }
          document.getElementById("img1").src = imgArray[imgCount];
          imgCount++;
          setTimeout("startTime()", 5000);
        }
        </script>