Usare l'hover

[sunlightbanana]

Salve a tutti, io ho questo codice:

 var angle = 0;
            var timer = setInterval(function(){
                angle+=3;
                $("#timone").rotate(angle);
            },50);

            $('#timone').hover(function(){
                clearInterval(timer);
            })

grazie al plugin jqueryrotate ho creato un piccolo timone che gira fin quando non si passa sopra il mouse, cioè si aziona l'hover, a quel punto l'immagine del timone si ferma. Il problema è che quando tolgo l'icona del mouse dal timone, quest'ultimo non riparte ma rimane fermo.
Chiedo cortesemente se potete consigliarmi che codice devo usare per poter far ripartire l'immagine dopo l'hover.

Grazie a tutti e una buona serata

 

[criric]

Ciao,
puoi provare cosi:

 var angle = 0;
    var timer;
    
    timer = setInterval("go()",50);
    
    function go() {
        angle+=3;
        $("#timone").rotate(angle);
    }

    $('#timone').hover(function(){
        clearInterval(timer)
    },
    function() {
        timer = setInterval("go()",50);
    })

 

[sunlightbanana]

Ciao,
puoi provare cosi:

Grazie per la tua risposta, ho provato il codice ma l'immagine non si muove se il codice è all'interno della funzione:

 $(document).ready(function() {
})

all'esterno invece l'immagine parte ma l'hover non funziona!! :crying::crying:

 

[criric]

non ho usato questo codice

 $(document).ready(function() {
})

e non ho usato nemmeno il plugin che hai citato

ho provato in questo modo e in locale funziona

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="timone">
    <div id='angle'></div>
</div>
<script>
    var angle = 0;
    var timer;
    
    timer = setInterval("go()",50);
    
    function go() {
        angle+=3;
        $("#timone").html(angle);
        //$("#timone").rotate(angle);
    }
    
    $('#timone').hover(function(){
        clearInterval(timer)
    },
    function() {
        timer = setInterval("go()",50);
    })
</script>

mi sembra strano che non funziona
prova a ricontrollare la sintassi, anche una virgola è essenziale in javascript
farò delle prove con jqueryrotate ma credo che la logica da seguire sia quella che ti ho postato

 

[sunlightbanana]

in effetti è quello l'unico codice che potrebbe funzionare.

Ci proverò, intanto ti ringrazio molto per l'aiuto