1. 程式人生 > >js程式碼 簡單實現數字滾動增加動效(原)

js程式碼 簡單實現數字滾動增加動效(原)

<html>
<body>

<span>look this:</span><span id="nums">10000</span>

</body>

</heml>

<script type="text/javascript">
var totalNum = 10000;
var nums = 0;
// 呼叫計時函式
setTimeout(timedCount(nums),50);

// 迴圈計時函式, 多次呼叫自身函式, nums為被傳遞的引數
function timedCount(nums){
var count = Math.round(totalNum/97);
nums = nums+count;
document.getElementById('nums').innerHTML =nums
// $("#nums").text(nums);
// 設定條件使停止計時
if (nums<totalNum) {
setTimeout(function(){timedCount(nums)},50);
}else{
document.getElementById('nums').innerHTML =totalNum
}
}


</script>