js代碼簡單實現數字滾動增長動效（原）

時間 2019-12-01

標籤代碼簡單實現數字滾動增長欄目 JavaScript 简体版

原文原文鏈接

<html>
<body>javascript

<span>look this：</span><span id="nums">10000</span>html

</body>java

</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
}
}this

</script>spa

相關文章

相關標籤/搜索

LCS滾動數組

紅包項目實戰

代碼格式化

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<