jquery"animate"变量值

mst*_*cke 14 javascript variables jquery jquery-animate

我需要使用jquery"动画化"变量.

示例: 变量值为1. 5秒后该值应为10.它应该"平稳地"增加.

希望你知道我的意思.

谢谢!

Sud*_*oti 24

尝试:

$({someValue: 0}).animate({someValue: 10}, {
    duration: 5000,
    step: function() { 
        $('#el').text(Math.ceil(this.someValue));
    }
});

<div id="el"></div>
Run Code Online (Sandbox Code Playgroud)

  • 是的,但你失去了光滑度,你可以添加一个`complete`参数来完成它 (2认同)

Tie*_*ies 12

您需要的是$().animate函数中的步骤参数.

var a = 1;
jQuery('#dummy').animate({ /* animate dummy value */},{
    duration: 5000, 
    step: function(now,fx){ 
        a = 1 + ((now/100)*9); 
    }
});
Run Code Online (Sandbox Code Playgroud)

演示

  • @Ties +1它可以工作,但是您实际上不需要将动画绑定到虚拟HTML元素。请参阅http://stackoverflow.com/a/9324325/607874中的答案 (2认同)

小智 10

表示

var snail = {speed:0};
$(snail).animate({speed: 10}, 5000);
Run Code Online (Sandbox Code Playgroud)

演示