Orario e data

<canvas id="canvas1" style="border: 1px solid;" width="300" height="100"></canvas>

<script>
canvas=document.getElementById("canvas1");
w=canvas.width; 
h=canvas.height; 
w2=w/2;
hOra=0.5*h;
hData=0.7*h

g2d=canvas.getContext("2d");
g2d.textAlign="center";
g2d.fillStyle="#990099";
setInterval("orario()",500);

var s_mesi  =new Array("gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre");
var s_giorni=new Array("Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato"); 

function orario()
{
  var data   =new Date()        ;	
  var ore    =data.getHours()   ; if(ore     < 10) ore    ="0"+ore    ;
  var minuti =data.getMinutes() ; if(minuti  < 10) minuti ="0"+minuti ;
  var secondi=data.getSeconds() ; if(secondi < 10) secondi="0"+secondi;
  var da0a6  =data.getDay()     ;
  var giorno =data.getDate()    ;
  var mese   =data.getMonth()   ;
  var anno   =data.getFullYear();
  var strOra =ore + ":" + minuti + ":" + secondi; 
  var strData=s_giorni[da0a6]+" "+giorno+" "+s_mesi[mese]+" "+anno;

  g2d.clearRect(0,0,w,h) ;
  g2d.font="24px Courier"; g2d.fillText(strOra ,w2,hOra);
  g2d.font="16px Courier"; g2d.fillText(strData,w2,hData);
}
</script>