jquery 플러그인 jTimer(jquery 타이머)_jquery 사용 방법

코드 복사 코드는 다음과 같습니다.

(함수($){
$.extend ({
타이머: 함수 (액션, 컨텍스트, 시간) {
var _timer;
if ($.isFunction(action)) {
(함수 () {
          _timer = setInterval( function () {
if (!action(context)) {
clearInterval(_timer);
}
                   }, time) > }
});
})(jQuery);

코드 복사 코드는 다음과 같습니다.

   
   
   
   
   
    <스크립트 유형 ="텍스트/ javascript">
        function drawRound(context) {           
            if (context.counterclockwise) {
               draw(context.x, context.y, context.r, context.start, context.start - 수학. PI / 50, context.counterclockwise);
                context.start -= Math.PI / 50;
               return context.start > 0.5 * Math.PI;
            }
            else {
               draw(context.x, context.y, context.r, context.start, context.start Math.PI / 50, context.counterclockwise);
               context.start = Math.PI / 50;
                return context.start < Math.PI;
            }
        }
        function draw(x, y, r, sAngle, eAngle, 반시계 방향) {
           var cvs = document.getElementById("cvs");
            ctx = cvs.getContext("2d");
            ctx.StrokeStyle = "#f00";
            ctx.beginPath();
            ctx.arc(x, y, r, sAngle, eAngle, 시계 반대 방향) ;
            ctx.Stroke();
        }
        $(function () {
            $.timer(drawRound, { x: 100, y: 100, r: 50, start: 1.5 * 수학 .PI, 시계 반대 방향: true }, 200);
            $.timer(drawRound, { x: 100, y: 100, r: 60, 시작: 0, 시계 반대 방향: false }, 200);
        }) ;