我之前使用下面的代码实现了类似的功能,但我不知道我是如何做到的,并且无法对我的代码进行反向工程。我有两个名为advert 1
和advert 2
的div,我需要它们在1分钟后旋转到另一个图像。每个div
将有3张图片。下面是我几年前使用的代码,但我不知道我是如何使用它的。
使用Javascript:
var rotators = [
{ id: 'advert1', images: ['advert1.jpg', 'advert2.jpg', 'advert3.jpg'], selectedIndex: 0 },
{ id: 'advert2', images: ['advert4.jpg', 'advert5.jpg', 'advert6.jpg'], selectedIndex: 0 }
];
var updateImages = function() {
for (var i=0; i < rotators.length; i++) {
var rotator = rotators[i];
rotator.selectedIndex++;
if (rotator.selectedIndex >= rotator.images.length) {
rotator.selectedIndex = 0;
}
document.getElementById(rotator.id).src = rotator.images[rotator.selectedIndex];
}
};
var timer = setInterval(updateImages, 300000);