Fermare oggetto che si muove al click del mouse - Javascript

Federica Torrisi

Nuovo Utente
29 Gen 2018
3
0
1
Salve a tutti avrei bisogno di un aiuto. In pratica ho un oggetto che rimbalza all'interno di un rettangolo. Quando clicco sull'oggetto, questo dovrebbe fermarsi e riprendere il suo percorso al successivo click o dopo 10 secondi. Sapete come implementare questa parte?
Di seguito il codice che ho scritto affinchè l'oggetto 'figure' si muove all'interno del mio rettangolo.
Codice:
<script>
    function myMove() {
        
        var elem = document.getElementById("figure");   
        var pos = 0;
        var id = setInterval(frame, 200);
        
    
        function frame() {         
            if (pos==300) {
                clearInterval(id);                         
            } else {
                pos++;
                elem.style.top = (300-pos) + 'px';
                elem.style.left =  (pos<150?(pos*6):-6*(pos-300)) + 'px';                   
            }
        }
    }
</script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
G [Javascript] Fermare animazione Javascript 1
T Fermare setInterval e riprendere al passaggio del mouse. Javascript 2
Marco_88 Come fermare un timer (setTimeout) jQuery 6
M Javascript: fermare window.setInterval e window.setTimeout Javascript 3
M [RISOLTO]Fermare slideshow immagini al passaggio del mouse. jQuery 3
Monital Fermare un ciclo in un insert PHP 5
F Fermare un ciclo while con un bottone o da solo Flash 0
S onmouse over fermare slideshow Javascript 3
S Impossibile scorrere un oggetto in JavaScript Javascript 0
V oggetto webbrowser Visual Basic 0
B [MySQL] contare quante un oggetto e' presente MySQL 2
V Ricevere messaggi email certificata con CDO o altro oggetto in ASP Classic ASP 0
M HTML: oggetto data HTML e CSS 1
M [Photoshop] Problema Oggetto avanzato Photoshop 0
F Coordinate di un oggetto - javascript Javascript 2
napuleone OnChange con oggetto Text non funziona Javascript 3
napuleone Oggetto " button " js non mi funziona Javascript 3
JackIlPazzo Come creare un oggetto con attributi multipli? PHP 1
M Passare una funzione a una proprietà di oggetto Javascript 2
G Evento ".onClick" su oggetto di d3.js Javascript 0
G Oggetto OLE MS Access 0
G Visualizzazione proprietà oggetto PHP 0
P Problma passaggio valori input hidden in oggetto $.post() jQuery 8
F [RISOLTO]oscurare momentaneamente oggetto del database PHP 38
L [RISOLTO]inserire funzione in un oggetto (HTML5+canvas) Javascript 2
F Problema associazione tabs/oggetto array jQuery 17
S Linkare oggetto in div o linkare div? HTML e CSS 11
M rendere attivo un oggetto CSS tramite javascript Javascript 3
F Oggetto non trovato! IE, Chrome in localhost PHP 3
D invocare metodo oggetto php da form html PHP 0
Eliox Accedere a tutte le proprietà di un oggetto PHP 1
F Prelevare un valore dall'oggetto selcet Javascript 4
G Droplist con oggetto a comparsa Javascript 26
A Realizzare il gioco del tris usando javascript, il dom e l'oggetto event-. Javascript 4
A Distruggere un oggetto appena creato PHP 1
max_400 Movimento oggetto jQuery 3
R [problema] Inizializzare Oggetto Ajax posso dichiararlo e dopo fare la send? Ajax 1
A Proprietà 'style': oggetto nullo o non definito Javascript 2
K Problemi nell'uso dell'oggetto MYSQLI PHP 2
A Oggetto: stripslashes e tag input PHP 3
WorldWideWeb Invio e-mail tramite oggetto CDO - VB6 Visual Basic 1
L oggetto stdClass PHP 0
WorldWideWeb Passaggio dell'oggetto Me ad una funzione Visual Basic 6
T Getattribute è nullo o non è un oggetto AIUTOOO Classic ASP 0
renoir09 oggetto flash in mamp PHP 2
S Oggetto: Come Scrivere una e-mail su due cm quadrati di spazio ! ? ! Posta Elettronica 2
M ruotazione oggetto con pulsanti e/o con mouse Flash 10
D Oggetto della normalizzazione di un database relazionale sql Database 0
M Come faccio a creare un oggetto con Ajax e salvarlo su DB? Ajax 0

Discussioni simili