Мне нужно "оживить" переменную с jquery.
Пример: Значение переменной равно 1. Значение должно быть 10 через 5 секунд. Это должно быть "плавно".
Надеюсь, что вы знаете, что я имею в виду.
Спасибо!
Мне нужно "оживить" переменную с jquery.
Пример: Значение переменной равно 1. Значение должно быть 10 через 5 секунд. Это должно быть "плавно".
Надеюсь, что вы знаете, что я имею в виду.
Спасибо!
Что вам нужно, это параметр шага в $().animate
.
var a = 1;
jQuery('#dummy').animate({ /* animate dummy value */},{
duration: 5000,
step: function(now,fx){
a = 1 + ((now/100)*9);
}
});
попробовать:
$({someValue: 0}).animate({someValue: 10}, {
duration: 5000,
step: function() {
$('#el').text(Math.ceil(this.someValue));
}
});
<div id="el"></div>
var snail = {speed:0};
$(snail).animate({speed: 10}, 5000);
Это должно сработать для вас:
var a = 1;
var b = setInterval(function() {
console.log(a);
a++;
if (a == 10) { clearInterval(b); }
}, 500);
var blub = 1;
setTimeout(function () {
blub = 10;
}, 5000);
Используйте setInterval:
percentage = 0;
startValue = 1;
finishValue = 5;
currentValue = 1;
interval = setInterval(function(){
percentage ++;
currentValue = startValue + ((finishValue - startValue) * percentage) / 100;
doSomething(currentValue);
if (percentage == 100) clearInterval(interval);
}, duration / 100)
function doSomething(val) { /*process value*/}
с setTimeout
x = 1
for(i=0;i<1000;i+=100){
setTimeout(function(){
console.log(x++)
},i)
}
Html отметьте как
Html
<span id="changeNumber">1</span>
Вы можете изменить его значение через 5 секунд.
JQuery
setInterval(function() {
$('#changeNumber').text('10');
},5000);
Вот демо http://jsfiddle.net/Simplybj/Fbhs9/
Как дополнение к ответам Ties - вам не нужно добавлять фиктивный элемент в DOM. Я делаю это так:
$.fn.animateValueTo = function (value) {
var that = this;
$('<span>')
.css('display', 'none')
.css('letter-spacing', parseInt(that.text()))
.animate({ letterSpacing: value }, {
duration: 1000,
step: function (i) {
that.text(parseInt(i));
}
});
return this;
};