JavaScriptで時計の秒針を表現する。

$(function(){
  var ele = document.getElementById("cv");
  var ctx = ele.getContext("2d");
  ctx.strokeStyle = "black";
  ctx.lineWidth = 4;
  setInterval(function(){
    var d = new Date();
    var sec = d.getSeconds();
    ctx.save();
    ctx.beginPath();
    ctx.clearRect( 0, 0, ele.width, ele.height ) ;
    ctx.translate( ele.width/2, ele.height/2 ) ;
    ctx.rotate( (sec * 6) * Math.PI / 180 ) ;
    ctx.translate( -ele.width/2, -ele.height/2 ) ;
    ctx.arc( 250, 250, 200, 0 * Math.PI / 180, 360 * Math.PI / 180, false ) ;
    ctx.stroke() ;
    ctx.moveTo(250, 250);
    ctx.lineTo(250, 100);
    ctx.stroke() ;
    
    ctx.restore();
    var str = "";
    str += sec;
    $("#result").text(str);
  }, 1000);
});