var imgCenter= new Image(); imgCenter.src = "images/Clock/Clock0005.png"; var imgSecArray = new Array(60); var i, j; for(i=0;i<60;i++) { imgSecArray[i]=new Image(); if(i<9) { imgSecArray[i].src = "images/Seconds/Sec000" + (i+1) + ".png"; } else { imgSecArray[i].src = "images/Seconds/Sec00" + (i+1) + ".png"; } } j=0; imgClock.onload = function () { setInterval(function () { context.clearRect(0, 0, 360, 360); context.drawImage(imgClock, 0, 0); context.drawImage(imgSecArray[j], 33, 33); context.drawImage(imgCenter, 0, 0); j=(j+1) % 60; }, 100); }