Question

我刚刚在我的网站上设置了一个Jquery图像旋转器，并想要自定义它，以便图像不会旋转直到2秒钟过去。

我一直在尝试通过实现setTimeout函数来做到这一点（在//循环注释项目注释的地方），但它一直说我的函数没有声明，所以我假设tt不会在那个地方工作。< / p>

$(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/

中的代码

Answer 1

setTimeout(function(){
    InfiniteRotator.init();
},2000);

Answer 2

重写最后一个结束括号：

});

看起来有隐藏的字符。

延迟JQuery Image Rotator旋转2秒钟

2 个答案: