Two methods for timers - setTimeout and SetInterval (single / repeating)
// Method 1 // setTimeout is in milliseconds
//function simpleMessage() {
// alert("This is just an alert box");
//}
//setTimeout(simpleMessage, 5000);
// Method 2 // setInterval is also in milliseconds
var myImage = document.getElementById("mainImage");
var imageArray = ["_images/overlook.jpg","_images/winery_sign.jpg","_images/lunch.jpg",
"_images/bigSur.jpg","_images/flag_photo.jpg","_images/mission_look.jpg"];
var imageIndex = 0;
function changeImage() {
myImage.setAttribute("src",imageArray[imageIndex]);
imageIndex++;
if (imageIndex >= imageArray.length) {
imageIndex = 0;
}
}
var intervalHandle = setInterval(changeImage,5000);
myImage.onclick = function(){
clearInterval(intervalHandle);
}