1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<canvas id="canvas2" width="300" height="100" style="border:1px solid"></canvas> <script> canvas=document.getElementById("canvas2"); w=canvas.width; h=canvas.height; w2=w/2; h2=h/2; //---------------------------------------- g2d=canvas.getContext("2d"); g2d.textAlign="center"; g2d.fillStyle="blue"; //---------------------------------------- setInterval("orario2()",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 orario2() { 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,h2-6 ); g2d.font="16px Courier"; g2d.fillText(strData,w2,h2+18); } </script> |
...