Как я могу позволить этой анимации остановиться на последнем изображении и оставить ее на последнем изображении? Может быть, вы можете помочь мне остановить эту анимацию.
var myImages = [
"http://placekitten.com/200/200",
"http://placekitten.com/150/150",
"http://placekitten.com/180/180",
"http://placekitten.com/170/170",
"http://placekitten.com/140/150",
"http://placekitten.com/160/160"
];
var counter = 1; // Start at number 2 since the HTML tag has the first
function switchImage() {
$('#myImage').attr('src', myImages[counter]);
counter += 1;
if (counter == myImages.length) {
counter = 0;
}
}
$(document).ready(function() {
setInterval(switchImage, 5000);
});
setInterval()
возвращает идентификатор интервала, который вы можете передать clearInterval()
.
var refreshIntervalId;
var myImages = [
"http://placekitten.com/200/200",
"http://placekitten.com/150/150",
"http://placekitten.com/180/180",
"http://placekitten.com/170/170",
"http://placekitten.com/140/150",
"http://placekitten.com/160/160"
];
var counter = 1; // Start at number 2 since the HTML tag has the first
function switchImage() {
$('#myImage').attr('src', myImages[counter]);
counter += 1;
if (counter == myImages.length) {
counter = 0;
clearInterval(refreshIntervalId);
}
}
$(document).ready(function() {
refreshIntervalId = setInterval(switchImage, 5000);
});
setInterval(switchImage, 5000)
в готовую DOM-анимацию, анимация начнется после загрузки вашей страницы. Поместите это в изображение клика.