javascript - 意外的标识符 JavaScript

Question

这里我有一个问题，我想做一个 slider ，并且在两个函数 nextSlide() 和 window.clearTimeout(timer) 行上都有一个意外的标识符prevSlide()。你能帮我吗？

var timer = new Object;

function slider(){
nextSlide();
window.setTimeout(slider, 5000);
}

function nextSlide(){
var $Slides = $(".contenu");
$Slides.animate(
    {left: "-=213px"},
    1000,
    function(){
        $Slides.data("currentSlide",$Slides.data("currentSlide")+1);
        if($Slides.data("currentSlide") > $Slides.data("nbSlides")) {
            $Slides.data("currentSlide",1).css({left:"-213px"});
        }
    }
    window.clearTimeout(timer);
    timer = window.setTimeout(slider, 5000);
  );
}

function prevSlide(){
var $Slides = $(".contenu");
$Slides.animate(
    {left:"+=213px"},
    1000,
    function(){
        $Slides.data("currentSlide", $Slides.data("currentSlide")-1);
        if($Slides.data("currentSlide") == 0) {
            $Slides.data("currentSlide",$Slides.data("nbSlides")).css({left:-(213*$Slides.data("currentSlide"))});
        }
    }
    window.clearTimeout(timer);
    timer = window.setTimeout(slider, 5000);
);
}

这里加载:

$(function(){

slider();


$('#slider').addClass('slider');
var $Slides = $('.contenu');
var _step = $Slides.find(".slide:first").width();

$Slides.data("currentSlide",1).data("nbSlides",$Slides.find('.slide').size());

$Slides.find(".slide:last").clone().prependTo(".contenu");

$Slides.find(".slide:first").next().clone().appendTo('.contenu');

$Slides.find(".slide:first").addClass("clone").end().css({left:-_step});

$Slides.width($Slides.find(".slide").size()*_step);

$('.next').bind("click", nextSlide);
$('.prev').bind("click", prevSlide);
});

感谢帮助。 ;)

Answer 1

您仍在 .animate() 调用中，您应该将 ); 移至 window.clearTimeout(timer) 上方。

这个答案假设您想在启动动画后直接设置超时，如果您想在动画的回调中设置超时，您应该执行大卫的答案中的操作并将其移至上方}。

编辑:
根据您的评论，我为您制作了此功能:

function nextSlide(){
    var $Slides = $(".contenu");
    $Slides.animate(
        {left: "-=213px"},
        1000,
        function(){
            $Slides.data("currentSlide",$Slides.data("currentSlide")+1);
            if($Slides.data("currentSlide") > $Slides.data("nbSlides")) {
                $Slides.data("currentSlide",1).css({left:"-213px"});
            }
            window.clearTimeout(timer);
            timer = window.setTimeout(slider, 5000);
        }
    );
}