<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery统计数字不停的滚动最后停止</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<style type="text/css">
body{margin: 0;padding: 0;}
.content{width: 1000px;overflow: hidden;margin: 30px auto;position: relative;}
.deData{width:300px;margin: 0 auto;overflow: hidden;}
.deData p span{float: right;color: red;}
</style>
</head>
<body>
<div class="content">
<div class="deData">
<p >累积交易量(元)<span data-to="18262692260" data-speed="4000" class="timer"></span></p>
<p>服务金融消费者(人)<span data-to="58462" data-speed="3000" class="timer"></span></p>
<p>注册用户(人)<span data-to="25159" data-speed="2500" class="timer"></span></p>
<p>合作金融机构(家)<span data-to="1001626" data-speed="2000" class="timer"></span></p>
</div>
</div>
<script type="text/javascript" src="Tong.js"></script>
</body>
</html>
效果如下：
image.png
网友评论