Resetowanie setInterval

Question

Witam

Tworzę slider, ale potrzebuję by w moim przedziale od arrows w każdej funkcji resetował się setInterval(sliderAuto).

Tak aby po naciśnięciu setInterval liczył od nowa

$(document).ready(function (){
    $(".scrolowany").hide(); 
    setInterval(sliderAuto,3000);
    $(window).scroll(function (){
        var scrollval = $(window).scrollTop();
        console.log(scrollval);
        if (scrollval >= 220) {
           $(".scrolowany").slideDown(1700);
       }
   }); 
});
var marginL = 0;

function sliderAuto() {
    if (marginL < 4){
    $(".slides").animate({
        marginLeft: "-=640px"
    },1200);
    marginL++;
    console.log(marginL);
    }
    else{
    $(".slides").animate({
        marginLeft: "0px"
    },1500);
    marginL = 0;
    }  
}
// arrows

$("#right").on("click", function () {
    if (marginL < 4){
    $(".slides").animate({
        marginLeft: "-=640px"
    },500);
    marginL++;
    console.log(marginL);
    }
});
$("#left").on("click", function () {
    if (marginL > 0){
    $(".slides").animate({
        marginLeft: "+=640px"
    },500);
    marginL--;
    console.log(marginL);
    }
});

 

Answer 1

Więc zapisuj, co Ci zwraca setInterval i używaj clearInterval.

Comments

Dzięki wielkie

Nie jestem pewien czy na tej zasadzie miało to wyglądać, ale to "clearInterval" mnie nakierowało, więc dzięki ;)

$(document).ready(function (){
    $(".scrolowany").hide(); 
    setTimeout(sliderAuto,5000);
    $(window).scroll(function (){
        var scrollval = $(window).scrollTop();
        console.log(scrollval);
        if (scrollval >= 220) {
           $(".scrolowany").slideDown(1700);
       }
   }); 
});
var marginL = 0;

function sliderAuto() {
    if (marginL < 4){
    $(".slides").animate({
        marginLeft: "-=640px"
    },1200);
    marginL++;
    console.log(marginL);
    timer1 = setTimeout(sliderAuto,5000);   
    }
    else{
    $(".slides").animate({
        marginLeft: "0px"
    },1500);
    marginL = 0;
    }  
}
// arrows

$("#right").on("click", function () {
    if (marginL < 4){
    $(".slides").animate({
        marginLeft: "-=640px"
    },500);
    marginL++;
    console.log(marginL);
    clearTimeout(timer1);
    setTimeout(sliderAuto,5000);
    }
});
$("#left").on("click", function () {
    if (marginL > 0){
    $(".slides").animate({
        marginLeft: "+=640px"
    },500);
    marginL--;
    console.log(marginL);
    clearTimeout(timer1);
    setTimeout(sliderAuto,5000);
    }
});