Javascript 如何输入一些动画来计算数字？

我有这个脚本，我想为数字输入一些动画，但我不知道如何解决这个问题

$（'#choose'）。更改（函数（）{
if（$（this）.val（）=='1'）{
document.getElementById（'harga'）.innerHTML=“5000”；
}  
if（$（this）.val（）=='2'）{
document.getElementById（'harga'）.innerHTML=“10000”；
}  
if（$（this）.val（）=='3'）{
document.getElementById（'harga'）.innerHTML=“30000”；
}
})

5000
选择1
选择2
选择3

$（'#choose'）。更改（函数（）{
if（$（this）.val（）=='1'）{
document.getElementById（'harga'）.innerHTML=“5000”；
}  
if（$（this）.val（）=='2'）{
document.getElementById（'harga'）.innerHTML=“10000”；
}  
if（$（this）.val（）=='3'）{
document.getElementById（'harga'）.innerHTML=“30000”；
}
})

您可以先放置以下内容使其淡入淡出，然后使用基本jquery淡入。否则，您可以使用

$（“#harga”）.fadeOut（400，函数（）{
$（this.html（“5000”）.fadeIn（）；
});
$（'#choose'）。更改（函数（）{
if（$（this）.val（）=='1'）{
$（“#harga”）.fadeout（400，函数（）{
$（this.html（“5000”）.fadein（）；
});
//document.getElementById（'harga'）.innerHTML=“5000”；
}  
if（$（this）.val（）=='2'）{
document.getElementById（'harga'）.innerHTML=“10000”；
}  
if（$（this）.val（）=='3'）{
document.getElementById（'harga'）.innerHTML=“30000”；
}
})

---

等等。。。希望它能帮助你

如果你的意思是将动画作为计数器的数字向下或向上

5000
选择1
选择2
选择3
变量选项={“1”：5000，“2”：10000，“3”：30000，}
风险值金额=期权[“1”]//违约
$（'#choose'）。更改（函数（）{
所选金额=选项[$（this）.val（）]；
$（{Counter:amount}）.animate（{Counter:selected_amount}）{
持续时间：1000，//速度
放松:"摇摆",，
步骤：函数（）{
$（'#harga'）.text（Math.ceil（this.Counter））；
},
完成：函数（）{
$（'#harga'）。文本（所选金额）；
金额=所选金额；
}
});  
});

您能否澄清一些动画可能是什么？您的意思是希望用户看到

harga

元素的值从当前值向上或向下计数到新值，就像数字时钟被加速一样？（如果是这样，您希望动画持续多长时间？如果用户在上一个动画结束之前选择另一个值会怎样？）提示：基于

setTimeout（）

）的伪循环是实现类似内容的最简单方法。您能写脚本吗，我仍然不清楚您的指导目的。期望值是什么。你需要弄清楚。

<script type="text/javascript">
$('#choose').change(function() {
  if($(this).val() == '1') {
    document.getElementById('harga').innerHTML = "5000";
  }  
  if($(this).val() == '2') {
    document.getElementById('harga').innerHTML = "10000";
  }  
  if($(this).val() == '3') {
    document.getElementById('harga').innerHTML = "30000";
  }
})
</script>

$("#harga").fadeOut(400,function(){
  $(this).html("5000").fadeIn();  
});

<script type="text/javascript">
$('#choose').change(function() {
  if($(this).val() == '1') {

    $("#harga").fadeout(400,function(){
        $(this).html("5000").fadein();
    });
    //document.getElementById('harga').innerHTML = "5000";
  }  
  if($(this).val() == '2') {
    document.getElementById('harga').innerHTML = "10000";
  }  
  if($(this).val() == '3') {
    document.getElementById('harga').innerHTML = "30000";
  }
})
</script>