<!DOCTYPE html>
<html>
<head lang="en">
   <script type="text/javascript">

        function updateImage() {

          var d = new Date();
          var h = d.getHours().toString();
          var m = d.getMinutes().toString();

          if (h < 10) {h = '0' + h};
          if (m < 10) {m = '0' + m};

          var img = h + m + '.jpg';
          var el = document.getElementById('image');
          var src = 'img/' + img;
          el.setAttribute('src', src);

        }

        window.onload=function () {

            // we create a variable to hold a reference to the img element
            var img = document.getElementById('image');
            // we change the img properties (attributes) as requried
            img.width = 800;
            img.height = 400;
            img.alt = "Hello.";
            //updateImage();
            // we use the  setInterval method to call the updateImage() function every 60000millisceonds = 60 seconds = 1minute
            setInterval(updateImage(),60000);
        }
        //}
    </script>
</head>
<body>
    <img id="image" src=""/>

</body>

</html>