時鐘

< ! doctype html >
< html >
    < head > < / head >
    < body >
        < canvas width="500" height="500" id="canvas" >
            還在用低級瀏覽器嗎？趕緊換了吧，親。
        < / canvas >
        < script >
            var canvas=document.getElementByIdx_x("canvas");
            var cxt=canvas.getContext("2d");
           
            function drawClock(){
                cxt.clearRect(0,0,500,500);
                var now=new Date();
                var hour=now.getHours();
                var min=now.getMinutes();
                var sec=now.getSeconds();
                hour=hour+min/60;
                hour=hour>12?hour-12:hour;
                //畫圓
                cxt.beginPath();
                cxt.lineWidth=5;
                cxt.strokeStyle="blue";
                cxt.arc(200,200,150,0,360,false);
                cxt.stroke();
                cxt.closePath();