插件：
;(function($) { $.fn.yuanhuan = function(opt) { var local_opt = { width: "200px", height: "200px", autoplus: false, time: 3, du: "260度", fun: function() { console.log("is ok"); } } var obj = $.extend({}, local_opt, opt); var du = parseInt(obj.du); var timer = parseInt(obj.time / du); var html = ' '; $(this).html(html); var deg = 0; var stln = setInterval(function() { if(deg < du) { aa(++deg); } else { clearInterval(stln); obj.fun(); } }, timer); function aa(du) { if(du % 360 == 0) { $(".huan2mask,.huan1mask").hide(); } else if(du >= 180 && du < 360) { $(".huan1mask").hide(); $(".huan1").css('z-index', "200"); $(".huan2mask").css("transform", 'rotate(' + (du - 180) + 'deg)'); $('.text').text(du); } else if(du >= 0 && du < 180) { $(".huan1mask").css("transform", 'rotate(' + du + 'deg)'); $('.text').text(du); } } }})($ || jQuery || Zepto) 参考：
Document 0%
百分比 36°