seconds clock save restore context

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.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();
    
    //ctxline.clearRect(0, 0, c.width, c.height);    
      if(iLinesInCircle<=360){   
          //ctxline.clearRect(0, 0, c.width, c.height);
          
           setTimeout(drawLinesInCircle, 1000); 
         
     }
    
   
}