seconds clock repeates

by rao b

HTML

<canvas id="myCanvas" width="360" height="360" style="border:1px solid #d3d3d3;">

JavaScript

var c = document.getElementById("myCanvas");
var ctxline = c.getContext("2d");
var iLinesInCircle = 0, counterLinesInCircle = 0, xLinesInCircle=180,yLinesInCircle=0;
var increaseLinesInCircle = 6 * Math.PI /180;

drawLinesInCircle();

function drawLinesInCircle(){
     
    //var ctxline = c.getContext("2d");
    //ctxline.restore();
      ctxline.beginPath();
     ctxline.strokeStyle = ("#EDDE54");
    ctxline.lineWidth = 1;
     ctxline.moveTo(180,180);   
     xLinesInCircle = 180 + Math.sin(counterLinesInCircle)* 180;
     yLinesInCircle =  180 - Math.cos(counterLinesInCircle)* 180;
     counterLinesInCircle += increaseLinesInCircle;  
     ctxline.lineTo(xLinesInCircle,yLinesInCircle);
     ctxline.stroke();
   //ctxline.clearRect(0,0,360,360 );
     iLinesInCircle += 6;
     if(iLinesInCircle<=360){   
        // ctxline.clearRect(0, 0, c.width, c.height);
        setTimeout(drawLinesInCircle, 1000); 
         
     }
}