码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-04-10 15:12:20      阅读:382      评论:0      收藏:0      [点我收藏+]

标签:blank   pre   inter   html   win   mes   jquer   col   demo   


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库

标签:blank   pre   inter   html   win   mes   jquer   col   demo   

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

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!