javascript - 滚动功能在每个滚动条上重播动画

Question

当用户向下滚动到该部分时，我正在尝试使圆圈进度条加载。

当用户到达某个点时它会触发函数并且进度条动画，但是如果你向上和向下滚动它会重新启动函数，如何解决？

$(window).scroll(function() {
var wScroll = $(this).scrollTop();    
if (wScroll > $('#skills').offset().top - ($(window).height() / 1.9)) {
    //PROGRESS BAR CODE GOES HERE
}

DEMO

Answer 1

只检查动画是否开始，如果是则不重新启动。

if (window.playing) return;
window.playing = true;

UPDATED PEN