• 出现在屏幕区域时 数字从0累加到指定数字


    function setTimer(targetNum,totalTimer,el) {
        var timer =null;
        window.clearInterval(timer);
        function change(targetNum,totalTimer,el) {
            var _space = totalTimer/targetNum;
            var intNum =0;
            var clientH = $(window).height(),
                scrollT = $(window).scrollTop(),
                elH = el.height(),
                offT = el.offset().top;
            if(offT+elH-scrollT>0 && offT+elH-scrollT<clientH){
                if(timer===null){
                    timer=window.setInterval(function() {
                        intNum+=1;
                        if(intNum >= targetNum){
                            window.clearInterval(timer);
                            timer=null;
                        }
                        el.html(intNum)
                    },_space)
                }
            }else{
                window.clearInterval(timer);
                timer=null;
                el.html(0)
            }
        }
        change(targetNum,totalTimer,el);
        $(window).on('scroll',function () {
            change(targetNum,totalTimer,el);
        })
    }
     $('.summary span').each(function () {
            setTimer($(this).html(),8000,$(this))
        })
    function setTimer(from,to,timmer,el) {
             var len=to - from,
             _space = timmer/len;
             var timer =null;
             clearInterval(timer);
              var intNum =from;
              timer=setInterval(function() {
                  intNum+=1;
                  if(intNum >= len){
                      clearInterval(timer);
                      timer=null;
                  }
                  el.html(intNum)
              },_space)
            }
    不判断是否出现在屏幕区域 直接执行
  • 相关阅读:
    Oracle在Linux下使用异步IO(aio)配置
    慢慢聊Linux AIO
    ssh批量登录并执行命令(python实现)
    Reverse Linked List II
    Reverse Linked List
    Excel Sheet Column Title
    Summary Ranges
    面试题1:实现大数加减乘除四则运算
    Multiply Strings
    Evaluate Reverse Polish Notation
  • 原文地址:https://www.cnblogs.com/dongxiaolei/p/9597836.html
Copyright © 2020-2023  润新知