réinitialisation de la minuterie sur setInterval sans clearInterval

Question

J'ai un simple diaporama qui change automatiquement l'image en utilisant setInterval toutes les 5 secondes.

L'utilisateur peut également passer d'une image à l'autre en utilisant les liens précédents et suivants. Si l'utilisateur clique sur les liens précédent/suivant, le temporisateur n'est pas interrompu. Par exemple, si le temporisateur est activé pendant 3 secondes lorsque l'utilisateur clique sur le lien, l'image suivante n'est affichée que 2 secondes avant d'être modifiée à nouveau .

Je sais que je pourrais le faire en utilisant clearInterval, puis en utilisant à nouveau setInterval, mais y a-t-il un moyen plus propre?

Voici mon code si vous en avez besoin:

//Move to next image every 10 seconds unless paused. 
var timeInterval = 5000; 
var featureSlide = window.setInterval(function() { nextFeature("next")}, timeInterval); 

$("a#feature-prev").click(function() {   
    nextFeature("prev"); 
    return false; 
}); 

$("a#feature-next").click(function() { 
    nextFeature("next"); 
    return false; 
}); 



function nextFeature(action) { 

    var idNow = $("ul#features li:visible").attr("id"); 
    var pos = idNow.replace("feature-", ""); 

    //If image is currently animated do nothing 
    //If this isn't in place then multiple images are displayed 
    if ($("li#" + idNow).is(":animated")) { 
     return; 
    } else { 

     if (pos == 4 && action == "next") { 
      pos = 1; 
     } else if (pos != 4 && action == "next") { 
      pos++; 
     } else if (pos !=1 && action == "prev") { 
      pos--; 
     } else if (pos == 1 && action == "prev") { 
      pos = 4 
     } 


     pos = "feature-" + pos; 
     // Slide to next image 
     $("li#" + idNow).hide("slide", { direction: "right" }, 1000, function() { 
      $("li#" + pos).show("slide", { direction: "left"}, 1000); 
     }); 


    } 
} 

Merci!

Answer 1

Vous ne pouvez pas redémarrer la minuterie sans l'annuler et la redémarrer.

Vous pouvez également arrêter complètement d'utiliser setInterval et utiliser simplement setTimeout. Prévoyez le suivant chaque fois que vous montrez une image (juste après le show dans nextFeature si je lis bien votre code). Ensuite, la réinitialisation d'intervalle se produit comme un sous-produit de votre flux logique, plutôt que d'être une chose spéciale.