//数字滚动 (function($, window, document) { "use strict"; var defaults = { deVal: 0, //传入值 className: 'dataNums', //样式名称 digit: '' //默认显示几位数字 }; function rollNumDaq(obj, options) { this.obj = obj; this.options = $.extend(defaults, options); this.init = function() { this.initHtml(obj, defaults); } } rollNumDaq.prototype = { initHtml: function(obj, options) { var strHtml = ''; obj.html(strHtml); } this.scroNum(options); }, scroNum: function(options) { console.log(options) var number = options.deVal; var $num_item = $('.' + options.className).find('.tt'); var h = $('.dataBoc').height(); $num_item.css('transition', 'all 2s ease-in-out'); var numberStr = number.toString(); console.log(numberStr) if(numberStr.length <= $num_item.length - 1) { var tempStr = ''; for(var a = 0; a < $num_item.length - numberStr.length; a++) { tempStr += '0'; } numberStr = tempStr + numberStr; } var numberArr = numberStr.split(''); console.log(numberArr) $num_item.each(function(i, item) { setTimeout(function() { $num_item.eq(i).css('top', (-parseInt(numberArr[i]) * h - h * 10)/1 + 'px'); }, i * 100) }); } } $.fn.rollNumDaq = function(options) { var $that = this; var rollNumObj = new rollNumDaq($that, options); rollNumObj.init(); }; })(jQuery, window, document);