实现的核心代码
$.fn.numberRock=function(options){
var defaults={
lastNumber:100,
duration:2000,
easing:'swing' //swing(默认 : 缓冲 : 慢快慢) linear(匀速的)
};
var opts=$.extend({}, defaults, options);
$(this).animate({
num : "numberRock",
// width : 300,
// height : 300,
},{
duration : opts.duration,
easing : opts.easing,
complete : function(){
console.log("success");
},
step : function(a,b){ //可以检测我们定时器的每一次变化
//console.log(a);
//console.log(b.pos); //运动过程中的比例值(0~1)
$(this).html(parseInt(b.pos * opts.lastNumber));
}
});
}
调用
$(".count").numberRock({
lastNumber:666,
duration:5000,
easing:'swing', //慢快慢
});