jQuery 数字动画 - 从0到100平滑增加

可以使用jQuery的animate()方法来实现数字从0到100慢慢增加的效果。首先，你需要一个HTML元素来显示这个数字，比如一个div元素：

<div id='numberDisplay'>0</div>

然后，你可以使用下面的JavaScript代码来实现数字的增加效果：

$(document).ready(function() {
    var numberDisplay = $('#numberDisplay');
    var currentNumber = 0;
    
    // 定义一个函数来递增数字
    function increaseNumber() {
        if (currentNumber < 100) {
            currentNumber++;
            numberDisplay.text(currentNumber);
            setTimeout(increaseNumber, 100); // 每100毫秒递增一次
        }
    }
    
    // 调用函数开始递增数字
    increaseNumber();
});

这段代码会在文档加载完成后开始执行。它会先获取显示数字的div元素，并定义一个变量currentNumber来保存当前的数字。然后，它定义了一个名为increaseNumber()的函数，该函数会判断当前数字是否小于100，如果是，则递增数字并更新div元素的文本内容，然后通过setTimeout()函数在100毫秒后再次调用自身，实现连续递增的效果。最后，通过调用increaseNumber()函数来开始递增数字。

你可以将以上代码放在页面的script标签中，或者将其保存为一个独立的.js文件并在页面中引用。当页面加载完成后，你将会看到数字从0慢慢增加到100。