[Javascript] Fermare animazione

Genjy

Nuovo Utente
10 Nov 2016
1
0
1
32
Salve a tutti, sto lavorando ad un semplice Slider di testo. Praticamente è finito, ma c'è ancora una piccola cosa: dovrei fermare l'animazione fino a quando il mouse è sopra al div e riprenderla appena esce, una pausa insomma.
Notare che l'animazione è creata utilizzando css, e quindi javascript fa solo, perlopiù, da pilota. A questo link trovate una working demo, ancora in fase di costruzione, quindi non badate allo stile..che tanto poi sarà totalmente diverso. Grazie in anticipo!
http://genjy.altervista.org/js-slide/slide.html
 
Ciao, puoi fare cosi : togli il setTimeout dalla funzione carousel() e aggiungi due funzioni
Codice:
 var interval;
        function start() {
            interval = setInterval(carousel, 10000);
        }
        function stop() {
            clearInterval(interval);
        }
sul div contenitore aggiungi gli eventi
HTML:
onmouseover='stop()' onmouseout='start()'
 

Discussioni simili