wuliu-inventory

�������ܿ���ҳ�� =====================

Usage no npm install needed!

<script type="module">
  import wuliuInventory from 'https://cdn.skypack.dev/wuliu-inventory';
</script>

README

�������ܿ���ҳ��

��ǰ�汾��1.0.0

��ʷ�汾��1.0.0

����

�������ܿ���ҳ��

  • ͨ��ҳ���뱾��nodejs�����������ӣ�ͨ��node��������������ҳ��Ч��
  • �ر����������Ʋ����������߸����ݽ����������߱�����ҳ��ʵʱ�л�Ч��

����������

  • �û����ؿ��ƣ�node���Ӧ��ʱ�����漰�����ٶ�����
  • ����ͨ�����ݲ�������������ҳ��Ч��
  • ʹ��ԭ�����룬����js��������

ȱ��

  • �û���Ҫ�߱�node�������߱�������linux��������

���������

  • ����������Ҫ����json�ļ��������ã��Ժ��������ͣ�

demo

Interface���ӿ����ԣ�

��

Method��������

ҳ������ȫ�ֶ��� ALILocal���䷽��ֻ��һ�򹩴���ʹ�ã�

  • setControl:��string �������node�����Ļص��������ַ�����ʾ(���磬�ص�����Ϊ fun1���򴫵������ص������ķ���Ϊ ALILocal.setControl("fun1"))

Q/A

ʹ��˵��

  • ��������Ҫ����node
  • ����������һ�����ݴ����������磬�������ڵ�����ʱ�������ֱ�ԭ��С���������趨changeType��1 �����ݲ�����С��Ĭ�ϻ����Ե�ǰ����������ֵ��ʹ֮ǰ�������ӵ��ٶȼ�����ֱ�����´��������������������Ƚϣ�������Ȼ��ԭ��С�������������ٶ��ֻ��������Դ����ơ����ˣ����������������ݶ�û��������ȥ�������ݱ仯�ٶ����ر��������û���Ҫ���ݽӿ����ݵĸ���Ƶ��������gapTime�����ˡ���changeType��-1������Ϊ����ֻ����ԭ��С����֮����֮��

����

<label>�����仯�����֣�</label>
<div id="J-Number1" class="number">000,000,000</div>
<div id="J-JiShi1" class="number jishi"></div>

<label>����ֻ���������֣�</label>
<div id="J-Number2" class="number">000,000,000</div>
<div id="J-JiShi2" class="number jishi"></div>

<label>����ֻ�ܼ������֣�</label>
<div id="J-Number3" class="number">000,000,000</div>
<div id="J-JiShi3" class="number jishi"></div>
<script src="http://g.tbcdn.cn/ccc/trading-change/1.0.0/counter.js"></script>
<script>
    var gapTime = 10000;
    KISSY.use("trading-change/counter,dom,io",function(S,Counter,Dom,IO){
        var moveNum1=new Counter({
            gapTime : gapTime,//Ĭ�ϼ���ʱ����3000ms
            formatNumber : true,//�Ƿ������ֹ淶��������100000���淶���Ժ���100,000
            changeType : ""//���ָ������ͣ�1: ֻ�������ӣ�-1:ֻ�������٣�Ĭ��Ϊ�գ���û������
        }).on('change',function(data){
            Dom.html("#J-Number1",data.num);
            if(data.jishi){
                Dom.html('#J-JiShi1',Math.ceil(data.jishi/1000)+"S");
            }else if(data.jishi == 0){
                Dom.html('#J-JiShi1',"0S");
            }else{
                Dom.html('#J-JiShi1',"");
            }
        }).on('updateNumber',function (){ajaxFun(0,moveNum1)});
        ajaxFun(0,moveNum1);

        //ģ�����ݹ���
        setTimeout(function(){
            moveNum1.setInit({num:0});
        },10000);


        var moveNum2=new Counter({
            gapTime : gapTime,//Ĭ�ϼ���ʱ����3000ms
            formatNumber : true,//�Ƿ������ֹ淶��������100000���淶���Ժ���100,000
            changeType : 1//���ָ������ͣ�1: ֻ�������ӣ�-1:ֻ�������٣�Ĭ��Ϊ�գ���û������
        }).on('change',function(data){
            Dom.html("#J-Number2",data.num);
            if(data.jishi){
                Dom.html('#J-JiShi2',Math.ceil(data.jishi/1000)+"S");
            }else if(data.jishi == 0){
                Dom.html('#J-JiShi2',"0S");
            }else{
                Dom.html('#J-JiShi2',"");
            }
        }).on('updateNumber',function (){ajaxFun(1,moveNum2)});
        ajaxFun(1,moveNum2);

        var moveNum3=new Counter({
            gapTime : gapTime,//Ĭ�ϼ���ʱ����3000ms
            formatNumber : true,//�Ƿ������ֹ淶��������100000���淶���Ժ���100,000
            changeType : -1//���ָ������ͣ�1: ֻ�������ӣ�-1:ֻ�������٣�Ĭ��Ϊ�գ���û������
        }).on('change',function(data){
            Dom.html("#J-Number3",data.num);
            if(data.jishi){
                Dom.html('#J-JiShi3',Math.ceil(data.jishi/1000)+"S");
            }else if(data.jishi == 0){
                Dom.html('#J-JiShi3',"0S");
            }else{
                Dom.html('#J-JiShi3',"");
            }
        }).on('updateNumber',function (){ajaxFun(-1,moveNum3)});

        ajaxFun(-1,moveNum3);

        function ajaxFun(a,zujian){
            new IO({
                url:"data.php",
                type:"get",
                dataType:"json",
                data:"type="+a,
                cache : false,
                success : function(data){
                    if(data.success){
                        zujian.setNumber(data);
                    }
                },
                error : function(o,textStatus){
                    if(textStatus == "timeout"){
                        ajaxFun(a);
                    }
                }
            })
        }
    });
</script>

�����ɲο�DEMO лл