쉼표로 애니메이션을 사용하는 숫자 증가 : 2 부

Question

// Animate the element's value from x to y: 
    function stepNum() { 
$({someValue: 40000}).animate({someValue: 45000}, { 
    duration: 3000, 
    easing:'swing', // can be anything 
    step: function() { // called on every step 
     // Update the element's text with rounded-up value: 
     $('#el').text(commaSeparateNumber(Math.round(this.someValue))); 
    } 
}); 

function commaSeparateNumber(val){ 
    while (/(\d+)(\d{3})/.test(val.toString())){ 
    val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); 
} 
return val; 
} 
} 

$('.scene06').waypoint(function() { 
stepNum(); 
}, { offset: 400 }) 

그래서 코드는 조금 진화했습니다.

이후 question입니다.

나는 함수 내에서 증가분을 싸웠다. 그리고 그것은 사용자 스크롤 다운 (waypoint.js을 통해)에 의해 트리거됩니다. 그러나 누군가가 스크롤 할 때마다이 애니메이션을 한 번만 애니메이트하고 반복적으로 애니메이트하지 않도록하려면 어떻게해야합니까? 아이디어?

Answer 1

당신은 잘 된 triggerOnce 매개 변수 내가 약속을 사용하려고했습니다

$('.scene06').waypoint(function() { 
{ 
    stepNum(); 
}, 
{ 
    offset: 400, 
    triggerOnce: true 
});