我想这是一个很容易解决的问题,对谷歌来说只是有点棘手。我有这个功能,随机产生一些数字1秒,直到它达到真正的价值(number()
),只是一个华丽的效果。但是,该值是一个7位数字,我想用逗号分隔它。我有两个功能的工作功能,但我不知道如何让他们一起工作。我试图将digits()
函数添加到我的number()
函数中,但是当数字是随机生成的时候,只有在完成后才能显示逗号。添加函数在jQuery中运行
这是我的number()
代码:
(function($){
$.fn.extend({
number: function(options) {
if (! this.length)
return false;
this.defaults = {
endAt: 90,
numClass: 'autogen-num',
interval: 65 // ms
};
var settings = $.extend({}, this.defaults, options);
var $num = $('<span/>', {
'class': settings.numClass
});
return this.each(function() {
var $this = $(this);
// Wrap each number in a tag.
var frag = document.createDocumentFragment(),
numLen = settings.endAt.toString().length;
for (x = 0; x < numLen; x++) {
var rand_num = Math.floor(Math.random() * 10);
frag.appendChild($num.clone().text(rand_num)[0])
}
$this.empty().append(frag);
var get_next_num = function(num) {
++num;
if (num > 9) return 0;
return num;
};
// Iterate each number.
$this.find('.' + settings.numClass).each(function() {
var $num = $(this),
num = parseInt($num.text());
var interval = setInterval(function() {
num = get_next_num(num);
$num.text(num);
}, settings.interval);
setTimeout(function() {
clearInterval(interval);
}, settings.duration * 1000 - settings.interval);
});
setTimeout(function() {
$this.text(settings.endAt.toString());
}, settings.duration * 1000);
});
}
});
})(jQuery);
这是我digits()
代码:
$.fn.digits = function(){
return this.each(function(){
$(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
})
}
在此先感谢!
如何了解这两项设置了[小提琴](http://jsfiddle.net)向我们展示他们应该如何工作。 – adeneo
@ adeneo当然,这是数字动画:http://jsfiddle.net/Cheezen/3pGpN/26/ – Cheezen