封装一个layui组件---js实现数字翻牌器效果

封装一个layui组件—js实现数字翻牌器效果

layui.define(["jquery"], function (exports) {
   
   var $ = layui.jquery;

   var numberAnimate = function (setting) {
   
      var defaults = {
   

         speed: 1000, //动画速度
         num: "", //初始化值
         iniAnimate: true, //是否要初始化动画效果
         symbol: '', //默认的分割符号,千,万,千万
         dot: 0 //保留几位小数点
      }
      //如果setting为空,就取default的值
      var setting = $.extend(defaults, setting);
      var _this = setting.selector;

      //如果对象有多个,提示出错
      if ($(_this).length > 1) {
   
         return;
      }

      //如果未设置初始化值。提示出错
      if (setting.num == "") {
   
         return;
      }
      var nHtml = '
\ 0\ 1\ 2\ 3\ 4\ 5\ 6\ 7\ 8\ 9\
'
; //数字处理 var numToArr = function (num) { if (!new RegExp("[°′]", "g").test(num)) { num =

你可能感兴趣的:(前端知识,js,jquery,html,css3,javascript)