Javascript jQuery/JS逐一滚动编号

我有一个函数，可以从0到X滚动数字。我还使它只在鼠标滑过特定分区时启动。一切正常

然而，我希望每个数字一个接一个地分别滚动

第一个，下一个，下一个，下一个等等

如何将其实现到这段代码中

   $( ".skaic" ).one( "click mouseover", function() {
      $('.Count').each(function () {
          $(this).prop('Counter',0).animate({
              Counter: $(this).text()
          }, {
              duration: 3000,
              easing: 'swing',
              step: function (now) {
                  $(this).text(Math.ceil(now));
              }
          });
      });
    });

标记：

<div class="skaic">
    <span class="Count">5</span>
    <span class="Count">2</span>
    <span class="Count">12</span>
</div>

5.
2.
12

您可以在循环中添加延迟

$（“.skaic”）.one（“单击鼠标悬停”，函数（）{
$（'.Count'）。每个（函数（i）{
$（this）.prop（'Counter'，0）.delay（i*3000）.animate({
计数器：$（this.text（））
}, {
时长：3000，
放松:"摇摆",，
步骤：功能（现在）{
$（this.text（Math.ceil（now））；
}
});
});
});
.Count{
显示：块；
字体大小：30px；
颜色：红色；
}

5.
2.
12
您还必须发布一个HTML示例，因为您必须针对与
.skaic
元素相关的每个
.Count
，而不是所有元素都不简单5212谢谢@adeneo。这是一个优雅的解决方案。我们也可以用延期付款吗？