<script src="https://file.alonesky.com/jscss/jquery.js"></script>
<div style="margin-top:2000px;background:#ccc"></div>
<p><span id="num1">0</span>+</p>
<p><span id="num2">0</span>+</p>
<script>
//startNum为起始值
// endNum为结束值
// id为显示位置
//addNu每次加几
// t 时间
function number_plus(startNum,endNum, id,addNum,t) {
$(window).scroll(function () {
var topp = $(document).scrollTop();
if (topp > 1500) {
//上面判断滚动条到达1500时候开始执行
for (var j = 0; j <= 1; j++) {
var int = setInterval(function () {
$(id).html(startNum);
// console.log(i)
if (startNum < endNum) {
startNum+=addNum;
} else {
$(id).html(endNum);
clearInterval(int);
return false;
}
}, t);
}
}
})
}//封装结束
number_plus(300, 1000,'#num1',1,10);
number_plus(500, 1800,'#num2',2,8);
</script>