Javascript 如何添加动画；o至“编号”；在我的柜台？jQuery

我想将此动画（示例3）添加到我的代码中，但它似乎不起作用

带代码动画的JSFIDLE： 不带代码动画的JSFIDLE：

不带动画的代码：

var counter = localStorage.getItem('rans') || 0;
var counter = Number(localStorage.getItem('rans')) || 0;
var counter1 = Number(localStorage.getItem('bans')) || 0;

$('.redanswer').click(function(){
     localStorage.setItem('rans', ++counter);
     $( '.bpercent' ).html( counter1 * 100 / (counter1+counter) + "%" );
     $( '.rpercent' ).html( counter * 100 / (counter1+counter) + "%" );

});

var counter1 = localStorage.getItem('bans') || 0;
var counter = Number(localStorage.getItem('rans')) || 0;
var counter1 = Number(localStorage.getItem('bans')) || 0;

$('.blueanswer').click(function(){
     localStorage.setItem('bans', ++counter1);
     $( '.rpercent' ).text( counter * 100 / (counter1+counter) + "%" );
     $( '.bpercent' ).text( counter1 * 100 / (counter1+counter) + "%" );
});

要添加的动画示例：

<p>Fun level <span id="fun-level" style="color: red;">0 %</span>.</p>

var percent_number_step = $.animateNumber.numberStepFactories.append(' %')
$('#fun-level').animateNumber(
  {
    number: 100,
    color: 'green',
    'font-size': '30px',

    easing: 'easeInQuad',

    numberStep: percent_number_step
  },
  15000
);

乐趣等级0%

var percent\u number\u step=$.animateEnumber.numberstepFactorys.append（“%”）
$（“#乐趣级别”）.animateNumber(
{
号码:100,，
颜色：“绿色”，
“字体大小”：“30px”，
放松：“轻松四人行”，
numberStep:percent\u number\u步骤
},
15000
);

在您的代码中，“它不工作”是什么意思？请更好地解释。如果我添加了我想要的代码，它就不会做动画。我发布了我问题中的所有链接。可能是重复的