clock separate methods

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;
ctxline.clearRect(0, 0, c.width, c.height);
//ctxline.save();
drawLinesInCircle();


function drawLinesInCircle(){
    
         //ctxline.restore();
   
       // setTimeout(drawLinesInCircle, 1000);
       //var ctxline = c.getContext("2d");
        ctxline.clearRect(0, 0, c.width, c.height);
      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;
     iLinesInCircle += 6;
          ctxline.lineTo(xLinesInCircle,yLinesInCircle);
     ctxline.stroke(); 
      //if(iLinesInCircle<=360){   
          
           setTimeout(drawLinesInCircle, 100); 
         
      //}else{
        //setTimeout(drawLinesInCircle, 100); 
      //}
    
   
}