JavaScript to show time on HTML page and change image in HTML page after certain time

How to change images on HTML page after certain time ?
We have 3 Images and we want to change these images on particular Day and Time.

function changeImage()
{
var date=new Date(); // Assign day as a number(1-30)
var today=date.getDay(); //Return week day as a number(0-6)

var h=date.getHours(); //Return Hours (0-23)
var m=date.getMinutes(); //Return Minutes(0-59)
var s=date.getSeconds(); // Return Seconds(0-59)
m=checkTime(m); //check minutes
s=checkTime(s); //check seconds
document.getElementById("time").innerHTML=h+" : "+m+" : "+s; // this show the time on HTML Page
var t=setTimeout(changeImage,1000);

var startTime=new Date(); // Manual set time
startTime.setHours(22);
startTime.setMinutes(23);
startTime.setSeconds(00);

endTime.setSeconds(50); var endTime=new Date(); // Manual set time
endTime.setHours(22);
endTime.setMinutes(23);

var Image=["/image1.jpg","/image2.jpg","/Image3.png"];
if(today>0 && today<6)
{
if(startTime<date && endTime>date)
{
document.getElementById("imgId").src=Image[0];
}
else
{
document.getElementById("imgId").src=Image[1];
}
}
else
{
document.getElementById("imgId").src=Image[2];
}

}
function checkTime(i)
{
if(i<10)
{i="0"+1};
return i;
}