Javascript 如果屏幕上有div,则计数器编号为

Javascript 如果屏幕上有div,则计数器编号为,javascript,jquery,animation,Javascript,Jquery,Animation,我有一个响应网页,它使用一个从0到特定数字的简单计数器。它位于div class=“startAnime”中,并使用简单的JavaScript函数设置动画。要查看此div,我们必须向下滚动。是否只有当divstartAnime显示在屏幕上时,此动画才会启动?不管我们在不同的屏幕上有多大或多大的滚动 代码动画 <script> $('.count').each(function () { var $this = $(this); jQuery({ Counter: 0 }).a

我有一个响应网页,它使用一个从0到特定数字的简单计数器。它位于
div class=“startAnime”
中,并使用简单的JavaScript函数设置动画。要查看此div,我们必须向下滚动。是否只有当div
startAnime
显示在屏幕上时,此动画才会启动?不管我们在不同的屏幕上有多大或多大的滚动

代码动画

<script>
$('.count').each(function () {
  var $this = $(this);
  jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
    duration: 2000,
    easing: 'swing',
    step: function () {
      $this.text(Math.ceil(this.Counter));
    }
  });
});
</script>

$('.count')。每个(函数(){
var$this=$(this);
jQuery({Counter:0}).animate({Counter:$this.text()}{
期限:2000年,
放松:"摇摆",,
步骤:函数(){
$this.text(Math.ceil(this.Counter));
}
});
});
html代码:

<div class="contFacs">

<div id="primary" class="content-area startAnime">

    <div class="col33Fac">
        <p class="itemfact"><?php echo get_field('texto_1'); ?></p>
       <p class="count"> <?php echo get_field('numero_1'); ?></p>
    </div>


    <div class="col33Fac borderDoble">
         <p class="itemfact"><?php echo get_field('texto_2'); ?></p>
         <p class="count"><?php echo get_field('numero_2'); ?></p>

    </div>


    <div class="col33Fac">
        <p class="itemfact"><?php echo get_field('texto_3'); ?></p>
        <p class="count"><?php echo get_field('numero_3'); ?></p>
    </div>


</div>

</div>


发帖时,请花时间在问题中正确设置代码格式。这几乎是不可读的。你可以发布html部分吗?请在发布时花点时间在问题中正确格式化你的代码。这几乎是不可读的。你也可以发布html部分吗