Orario digitale

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

<script>
canvas  = document.getElementById("canvas1");
w       = canvas.width; 
h       = canvas.height; 
w2      = w/2
hOrario = 0.6*h
 
g2d = canvas.getContext("2d");
g2d.textAlign = "center";
g2d.fillStyle = "#990099";
g2d.font="32px Courier";
 
setInterval("orario1()", 500);
function orario1()
{
  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 strOrario = ore + ":" + minuti + ":" + secondi; 
 
  g2d.clearRect(0,0, w,h);
  g2d.fillText(strOrario, w2, hOrario);
}
</script>