延迟jquery-plugin-circliful直到div在视点中

Question

是否有可能延迟jquery-plugin-circliful从开始动画/加载直到div在视图中，我们将它加载到页面底部的滚动条上，这样当你到达时，动画就会丢失它。我想在div .stats进入视图时加载它？

当前的HTML：

<div class="stats">
                               <div id="myStat" class="inlined" data-dimension="250" data-text="57.4%" data-info="INCREASE IN WEEKLY REVENUE" data-width="10" data-fontsize="38" data-percent="57.4" data-fgcolor="#eee" data-bgcolor="transparent" data-fill="transparent"></div>
                               <div id="myStat2" class="inlined" data-dimension="250" data-text="68%" data-info="DECREASE IN CPA (MOM)" data-width="10" data-fontsize="38" data-percent="68" data-fgcolor="#eee" data-bgcolor="transparent" data-fill="transparent"></div>
                               <div id="myStat3" class="inlined" data-dimension="250" data-text="551%" data-info="INCREASE IN ROI (MOM)" data-width="10" data-fontsize="38" data-percent="551" data-fgcolor="#eee" data-bgcolor="transparent" data-fill="transparent"></div>
                            </div>

当前通话：

<script>
        $( document ).ready(function() {
            $('#myStat').circliful();
            $('#myStat2').circliful();
            $('#myStat3').circliful();
            $('#myStat4').circliful();
            $('#myStat5').circliful();
            $('#myStat6').circliful();
        });
    </script>

由于