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;
hOrario = 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 strOrario = ore + ":" + minuti + ":" + secondi; 
  var strData   = s_giorni[da0a6]+" "+giorno+" "+s_mesi[mese]+" "+anno;
 
  g2d.clearRect(0,0, w,h) ;
  g2d.font="32px Courier"; g2d.fillText(strOrario, w2, hOrario);
  g2d.font="16px Courier"; g2d.fillText(strData  , w2, hData);
}
</script>