jquery實現 數字變化效果


一、

裝修預算報價為  4476  元

材料費  1119 元

人工費  1119 元

設計費  1119 元

質檢費  1119 元

代碼:

setInterval(function () {
var material=Math.random()*(2000-1119+1)+1119;
material=Math.round(material);
$(".material").html(material);

var people=Math.random()*(2000-1119+1)+1119;
people=Math.round(people);
$(".people").html(people);

var design=Math.random()*(2000-1119+1)+1119;
design=Math.round(design);
$(".design").html(design);

var quality=Math.random()*(2000-1119+1)+1119;
quality=Math.round(quality);
$(".quality").html(quality);

var maxfont=material+people+design+quality;
$(".maxfont").html(maxfont);
},500);

Math.random()*(2000-1119+1)+1119;  得到1119-2000之間的一個隨機值
二、從0-10 滾動
<h1 id="numBox"></h1>
<script>
function numRunFun(num, maxNum){
var numBox = document.getElementById("numBox");
var num = num;
var maxNum = maxNum;
var timer = setInterval(function(){
num++; // 調節速度
if(num >= maxNum){
numBox.innerHTML = maxNum;
clearInterval(timer);
} else {
numBox.innerHTML = num;
}
},100); // 也可以調節速度
}
// 運行
numRunFun(0,10);
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM