Javascript:不修改 slider 函数中的全局变量

Question

我的网页上有一个 slider ，我正尝试使用全局变量根据当前幻灯片来操纵此计时。我的问题是:我是否正确地操纵了全局变量(将其设置为 10000 或 2000)和/或是否在正确的位置创建了全局变量。

永远感谢，摇滚乐

<script>
    var timer = 4000;
    function slideShow() {
        var displayToggled = false;
        var current1 = $('.slide:visible');
        var nextSlide = current1.next('.slide');
        var hideoptions = {
            "direction": "left",
            "mode": "hide"
        };
        var showoptions = {
            "direction": "right",
            "mode": "show"
        };


        if (current1.is(':last-child')) {
            current1.effect("slide", hideoptions, 2000);
            $("#firstSlide").effect("slide", showoptions, 2000);
            timer = 10000;
        }
        else if (current1.is(':first-child')) {
            current1.effect("slide", hideoptions, 1000);
            nextSlide.effect("slide", showoptions, 1000);
            timer = 2000;
        }
        else {
            current1.effect("slide", hideoptions, 2000);
            nextSlide.effect("slide", showoptions, 2000);
            timer = 10000;
        }
    };

    setInterval(slideShow, timer);
    slideShow();
</script>

引用资料:原始幻灯片:Simple Slideshow jQuery/UI images inline

现场示例:http://www.nerdherdgames.com

编辑:实时站点当前在索引页上没有这个特定的 javascript

Answer 1

setInterval(slideShow, timer); 将只设置一次，因此间隔将是 timer 中的第一个值，或者您可以使用 setTimeout 所以你将在每次函数结束时设置计时器。这意味着，与其在每张幻灯片上更改 timer 的值，不如在动画结束时启动 setTimeout。

setTimeout on MDN