 
     # millisecond
     ctx.beginPath()
-    ctx.arc(@settings.size/2, @settings.size/2, @settings.size/2 - 55, 0, Math.PI*2, true)
+    ctx.arc(@settings.size/2, @settings.size/2, @settings.size/2 - 55, 0, Math.PI*2)
     ctx.lineWidth = 2
     ctx.strokeStyle = "#000"
     ctx.globalAlpha = 0.225
+    ctx.shadowBlur  = 0
     ctx.stroke()
     ctx.closePath()
 
     ctx.beginPath()
-    degs = @millisecond / 180 * 360
+    degs = @millisecond
     ctx.arc(@settings.size/2, @settings.size/2, @settings.size/2 - 55, @deg(0), @deg(degs))
     ctx.lineWidth = 2
     ctx.strokeStyle = "#FFF"
     ctx.globalAlpha = 0.155
+
+    ctx.shadowBlur    = 10
+    ctx.shadowOffsetX = 0
+    ctx.shadowOffsetY = 0
+    ctx.shadowColor   = '#ffdc50'
+
     ctx.stroke()
     ctx.closePath();
 
+
   run: ->
+    i = 0
     timer = setInterval((=>
-      @millisecond = 0 if @millisecond == 180
-      @millisecond++
+      @millisecond = 0 if @millisecond >= 360
+      @millisecond = @millisecond + 1000 / Math.PI * 2 / 360
       @dashboard()
     ), 1)
 
+
 window.Chronograph = Chronograph
 
-


    # minute
    ctx.beginPath()
    ctx.arc(@settings.size/2, @settings.size/2, @settings.size/2 - 12, 0, Math.PI*2, true)
    ctx.lineWidth = 22
    ctx.strokeStyle = "#000"
    ctx.globalAlpha = 0.325
    ctx.stroke()
    ctx.closePath()

    (=>
      degs = @minute / 180 * 360
      ctx.beginPath()
      ctx.arc(@settings.size/2, @settings.size/2, @settings.size/2 - 12, @deg(0), @deg(degs))
      ctx.lineWidth = 22
      ctx.strokeStyle = "#FF00FF"
      ctx.globalAlpha = 0.4
      ctx.stroke()
      ctx.closePath();
    )()

    @element.appendChild(@canvas);
    @dashboard()


  ###
    @deg: 0 ~ 360
  ###
  deg: (deg) =>
    (Math.PI/180) * deg - (Math.PI/180)*90


  dashboard: =>
    ctx = @canvas.getContext("2d")
