Réglage d'une minuterie dans jQuery/javascript

Question

J'ai un diaporama qui fonctionne sur un clic d'un bouton comme ceci: ">". Le bouton est une travée avec l'identifiant "slideshowRight".

Est-il possible de définir un temporisateur qui toutes les 5 secondes clique littéralement sur le bouton slideshowRight et s'arrête lorsque la souris survole les boutons et redémarre lorsque la souris ne survole pas sur eux?

Le hover-stop n'est pas aussi crucial que le clic tous les 5 secondes. Je sais que jQuery a une fonction .click().

Merci, Amit

Answer 1

devrait-il pas être appelé slideshowLeft? Eh bien,

Si vous avez un bouton, puis:

slideshowRight.click(function() { 
    // do some stuff 
}); 

vous pouvez réellement déclencher un clic de ce bouton par le script:

mais je dirais que ce serait plus propre à factoriser simplement la fonction:

slideshowRight.click(slideshowRight_click); 

function slideshowRight_click() { 
    // do some stuff 
} 

sur cette base, vous pouvez définir un intervalle sur les points suivants:

var isHover = false; 
setInterval(function() { 

    if(isHover) return; // do nothing! 

    slideshowRight_click(); 

}, 5000); // every 5 sec 

Et vous pouvez changer la valeur de isHover comme ceci:

slideshowRight.hover(function() { isHover = !isHover; }); 

Hover sera appelée une fois sur le vol stationnaire, et encore une fois lorsque l'utilisateur cesse de planer sur le bouton, et sa valeur est définie à ce qu'il n'était pas en ce moment.

Answer 2

contrôle les fonctions setTimeout and setinterval. quelque chose comme ça devrait cliquer jamais 5 secondes:

setInterval(function(){ 
    $("myButton").click(); 
}, 5000); 

Vous pouvez alors effacer et commencer l'intervalle lorsque l'utilisateur passe et, en utilisant ce qui précède et la fonction clearInterval