首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >延迟JQuery图像旋转器旋转2秒

延迟JQuery图像旋转器旋转2秒
EN

Stack Overflow用户
提问于 2012-08-10 10:21:47
回答 2查看 841关注 0票数 0

我刚刚在我的网站上设置了一个Jquery图像旋转器,并想自定义它,以便图像在2秒内不会旋转。

我一直试图通过实现setTimeout函数(就在//循环遍历items注释的地方)来做到这一点,但它总是说我的函数没有声明,所以我假设tt在那个地方不能工作。

代码语言:javascript
复制
$(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/中的代码

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-10 10:46:44

代码语言:javascript
复制
setTimeout(function(){
    InfiniteRotator.init();
},2000);
票数 0
EN

Stack Overflow用户

发布于 2012-08-10 10:53:15

重写最后一个结束括号:

代码语言:javascript
复制
});

看起来好像有隐藏的字符。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11894610

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档