您的位置：首页 > 其它

countUp

2016-01-26 14:25 344 查看

<html>
<head>
<title>CountUp</title>
<script src="js/countUp.js" type="text/javascript"></script>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<script  type="text/javascript">
window.onload = function () {
var startVal = 0; //起始数
var endVal = 5000;//结束数
var duration = 5;//秒数
var options = {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
prefix: '',
suffix: ''
};
var demo = new CountUp("numberAnimation", startVal, endVal, 0, duration, options);
demo.start(); ////methodToCallOnComplete 可以让数字在秒数过后直接到指定的数字
//demo.reset();//归零
//demo.pauseResume();暂停
function shownum() {
startVal = endVal;
endVal = endVal + 5000;
demo.update(endVal);//改变结束数继续增加
}
$(document).ready(function () { //定时任务
setInterval(shownum, 5000);
});

}

</script>
<body>
<div>CountUp</div>
<span id="numberAnimation" style="color: red;font-weight: bold;font-size: 102px" ></span>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航