Есть ли в jquery, или написанная на стандартном js функция проигрывания увеличение числа? Например:
Увеличение значения от 1% до 80%, быстро проиграв все значения промежуточные значения (2,3,4...)?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуhttp://jsfiddle.net/8Sdpy/ — только ради спортивного интереса
jQuery(function ($)
// Добавляем hook "number"
$.Tween.propHooks.number = {
get: function ( tween ){
var num = tween.elem.innerHTML.replace(/^[^\d-]+/, '');
return parseFloat(num) || 0;
},
set: function( tween ) {
var opts = tween.options;
tween.elem.innerHTML = (opts.prefix || '')
+ tween.now.toFixed(opts.fixed || 0)
+ (opts.postfix || '');
}
};
// Используем
$('#target')
.html('1%')
.animate({ number: 80 }, { duration: 'slow', postfix: '%', fixed: 2 });
});
Или совсем просто — http://jsfiddle.net/QGY28/
$('#num').animate({ num: 90 - 3/* - начало */ }, {
duration: 5000,
step: function (num){
this.innerHTML = (num + 3).toFixed(2) + '%'
}
});
end = 80,
вместоend = 80;
jsfiddle.net/oceog/6wpXy/2