JavascriptProva

giovedì 19 gennaio 2012

Ecco una linea rotante al centro della pagina.

Ecco. Ho dovuto mettere le variabili non più come parametri della funzione linea ma come variabili, in quanto devono essere condivise fra due funzioni.
Ovviamente, la cosa è rimediabile semplicemente creando una classe linea, il cui costruttore prevede l'inserimento delle suddette variabili come parametri, e un metodo per tracciarla insieme a uno per muoverla.
<script>
var angolo=45;
var lunghezza=300
var orgX=500;
var orgY=400;
function linea(){
 for (var n=0;n<=lunghezza;n++){
  document.write("<div id='uno"+n+"' style='font-size:1px;position:absolute;left:"+(orgX+n*Math.cos(angolo*Math.PI/180))+"px;top:"+(orgY+n*Math.sin(angolo*Math.PI/180))+"px;background-color:blue;width:3px;height:3px'></div>"); 
 }  
}





var intervallo;
function step(){
 for(var n=0;n<=lunghezza;n++){  
  document.getElementById("uno"+n).style.left=orgX+n*Math.cos(angolo*Math.PI/180);
  document.getElementById("uno"+n).style.top=orgY+n*Math.sin(angolo*Math.PI/180);
  
 }
 angolo+=1;

}
function muovi(){ 
 clearInterval(intervallo);
 intervallo=setInterval(function() {step()},1);
}
 
linea();

</script>

<body onClick="muovi();">

</body>

Nessun commento:

Posta un commento