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.
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>