dns-daniel
9/19/2016 - 1:30 AM

Two methods for timers - setTimeout and SetInterval (single / repeating)

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);
}