Question

jquery如何实现数字逐增的动画?

例如初始值是0,我想让它在3秒内从0,1,2,3,4,5...一直加到100,请问如何实现?

Answer 1

<div id="view"></div><input id="Button1" type="button" value="启动" />
<script>
$("#Button1").click(function () {
$("#view").html("0");
timerID = setInterval("num()", 30); //每3秒100个数字;3000/100
});
function num() {
if (Number($("#view").html()) >= 100) {
clearInterval(timerID)
}
else
$("#view").html(Number($("#view").html()) + 1);
}
</script>