1
// 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 }) 

そのため、コードは少し進化しています。

この質問以来。

インクリメントを関数内にラップしました。そして、ユーザーが下にスクロールすることによってトリガーされます ( waypoint.js 経由)。しかし、誰かがスクロールするたびに繰り返しではなく、一度だけアニメーション化するにはどうすればよいでしょうか。アイデア?

4

1 に答える 1

0

triggerOnce パラメータを渡すことができるはずです

$('.scene06').waypoint(function() {  
{
    stepNum();
},  
{ 
    offset: 400,
    triggerOnce: true 
});
于 2013-04-26T15:27:17.460 に答える