我刚刚在我的网站上设置了一个 Jquery 图像旋转器,并希望对其进行自定义,以便图像在 2 秒后才旋转。
我一直在尝试通过实现 setTimeout 函数(就在 //loop through items 注释所在的位置)来做到这一点,但它一直说我的函数没有被声明,所以我假设 tt 不会在那个地方工作。
$(window).load(function() { //start after HTML, images have loaded
var InfiniteRotator = {
init: function() {
//initial fade-in time (in milliseconds)
var initialFadeIn = 0;
//interval between items (in milliseconds)
var itemInterval = 2000;
//cross-fade time (in milliseconds)
var fadeTime = 1000;
//count number of items
var numberOfItems = $('.rotating-left').length;
//set current item
var currentItem = 0;
//show first item
$('.rotating-left').eq(currentItem).fadeIn(initialFadeIn);
//loop through the items
var infiniteLoop = setInterval(function() {
$('.rotating-left').eq(currentItem).fadeOut(fadeTime);
if (currentItem == numberOfItems - 1) {
currentItem = 0;
} else {
currentItem++;
}
$('.rotating-left').eq(currentItem).fadeIn(fadeTime);
}, itemInterval);
}
};
InfiniteRotator.init();
});
我使用来自该站点的代码http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/