首页 > Web开发 > 详细

数字平滑 前端插件JS&CSS库

时间:2018-04-10 14:35:26      阅读:314      评论:0      收藏:0      [点我收藏+]


CDN DEMO 拷贝可用; 

<!DOCTYPE html>
<link rel="stylesheet" href="https://cdn.bootcss.com/odometer.js/0.4.8/themes/odometer-theme-car.css" />
<style>
.odometer {
  font-size: 40px;
}
</style>
<script>
window.odometerOptions = {
  format: (ddd).dd
};
</script>

<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/odometer.js/0.4.8/odometer.min.js"></script>
<div class="odometer">99999999</div>

<script>
  setInterval(function(){
      let data = Math.random() * 100000000
    $(.odometer).html(data);
  }, 3000);
</script>

 

结果如下:

技术分享图片

技术分享图片

 

GITHUB

 

数字平滑 前端插件JS&CSS库

原文:https://www.cnblogs.com/q1104460935/p/8778404.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!