Javascript 加载页面后,文本框中包含值100。我需要使用js将该值显示为动画,如0到100。这可能吗?

Javascript 加载页面后,文本框中包含值100。我需要使用js将该值显示为动画,如0到100。这可能吗?,javascript,jquery,Javascript,Jquery,加载页面后,文本框中包含值100。我需要使用js将该值显示为动画,如0到100。这可能吗 我使用span开发代码。但我无法在文本框内开发 <span class="count">200</span> $('.count').each(function () { $(this).prop('Counter',0).animate({ Counter: $(this).text() }, { duration: 4000,

加载页面后,文本框中包含值100。我需要使用js将该值显示为动画,如0到100。这可能吗

我使用span开发代码。但我无法在文本框内开发

<span class="count">200</span>
$('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
         duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});
200
$('.count')。每个(函数(){
$(this.prop('Counter',0)。设置动画({
计数器:$(this.text())
}, {
持续时间:4000,
放松:"摇摆",,
步骤:功能(现在){
$(this.text(Math.ceil(now));
}
});
});
我需要在文本框中使用相同的格式(运行动画)。

您是否在下面尝试过

$('.count')。每个(函数(){
$(this.prop('Counter',0)。设置动画({
计数器:$(this.val()
}, {
持续时间:4000,
放松:"摇摆",,
步骤:功能(现在){
$(this.val(Math.ceil(now));
}
});
});

它正在工作。。非常感谢你。