jQuery的旋轉，並在同一時間

Question

提高圖像我有功能，旋轉圖像

$.fn.clockwiseRotate = function() { 
$(this).each(function() { 
    var self = $(this), 
     degree = 0; 
    var interval = setInterval(function() { 
     self.css({ 
      '-webkit-transform': 'rotate(' + degree + 'deg)' 
     }); 
     self.css({ 
      '-moz-transform': 'rotate(' + degree + 'deg)' 
     }); 
     self.css({ 
      'transform': 'rotate(' + degree + 'deg)' 
     }); 
     degree++; 
     if (degree === 360) { 
      clearInterval(interval); 
     } 
    }, 1); 
}); 
}; 

http://jsfiddle.net/eaQRx/2093/

但我想不僅旋轉，而且同時它旋轉從0到1的比例圖像。
要設置FO圖像的CSS
transform: scale(0);
並將它更改爲
transform: scale(1);

有什麼辦法可以創建兩個函數並同時使用它們，一個用於旋轉，另一個用於縮放，或者我不知道，還有其他solutuin嗎？

Answer 1

DEMO

$.fn.clockwiseRotate = function() { 
    $(this).each(function() { 
     var self = $(this); 
     var degree = 0; 
     var scale = 0; 
     var interval = setInterval(function() { 
      self.css({ 
       '-webkit-transform': 'rotate(' + degree + 'deg) scale(' + scale + ')' 
      }); 
      self.css({ 
       '-moz-transform': 'rotate(' + degree + 'deg) scale(' + scale + ')' 
      }); 
      self.css({ 
       'transform': 'rotate(' + degree + 'deg) scale(' + scale + ')' 
      }); 
      degree++; 
      scale+=(1/360); 
      if (degree === 361) { 
       clearInterval(interval); 
      } 
     }, 1); 
    }); 
};