欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

countUp.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化效果

 更新時(shí)間：2019年10月17日 16:02:06   作者：lifangfang0607  
這篇文章主要為大家詳細(xì)介紹了countUp.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了countUp.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化的具體代碼，供大家參考，具體內(nèi)容如下

countUp.js官網(wǎng)：演示地址

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>數(shù)字增長(zhǎng)效果</title>
</head>
<body>
 <h1 id="num1"></h1>
 <h1 id="num2"></h1>
 <h1 id="num3"></h1>
 
 <script src="https://cdn.bootcss.com/countup.js/1.9.3/countUp.js"></script>
 <script type="text/javascript">
  var options = {
   useEasing: true, // 使用緩和
   useGrouping: true, // 使用分組(是否顯示千位分隔符,一般為 true)
   separator: ',', // 分隔器(千位分隔符,默認(rèn)為',')
   decimal: '.', // 十進(jìn)制(小數(shù)點(diǎn)符號(hào),默認(rèn)為 '.')
   prefix: '', // 字首(數(shù)字的前綴,根據(jù)需要可設(shè)為 $,¥,￥ 等)
   suffix: ''  // 后綴(數(shù)字的后綴 ,根據(jù)需要可設(shè)為 元,個(gè),美元 等) 
  };
  
   // CountUp(參數(shù)一, 參數(shù)二, 參數(shù)三, 參數(shù)四, 參數(shù)五, 參數(shù)六)
 // 參數(shù)一: 數(shù)字所在容器
 // 參數(shù)二: 數(shù)字開(kāi)始增長(zhǎng)前的默認(rèn)值(起始值),一般從 0 開(kāi)始增長(zhǎng)
 // 參數(shù)三: 數(shù)字增長(zhǎng)后的最終值,該值一般通過(guò)異步請(qǐng)求獲取
 // 參數(shù)四: 數(shù)字小數(shù)點(diǎn)后保留的位數(shù)
 // 參數(shù)五: 數(shù)字增長(zhǎng)特效的時(shí)間,此處為3秒
 // 參數(shù)六: 其他配置項(xiàng)
 // 注: 參數(shù)六也可不加,其配置項(xiàng)則為默認(rèn)值

 new CountUp("num1", 0, 1380, 0, 3, options).start();
 new CountUp("num2", 0, 1380, 2, 3, options).start();
 new CountUp("num3", 0, 1380, 4, 3, options).start();
 </script>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論