<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 id="num" ></h1>
</body>
<script type="text/javascript">
var numBox = document.getElementById('num');
/**
* 數字滾動
* @param {Object} num 開始值
* @param {Object} maxNum 最大值,最終展示的值
*/
function numRunFun(num,maxNum){
var numText = num;
var golb; // 為了清除requestAnimationFrame
function numSlideFun(){
numText+=10000; // 速度的計算可以為小數
if(numText >= maxNum){
numText = maxNum;
cancelAnimationFrame(golb);
}else {
golb = requestAnimationFrame(numSlideFun);
}
numBox.innerHTML = ~~(numText)
}
numSlideFun();
}
// 運行
numRunFun(0,99000)
</script>
</html>
