我试图动画一个$233到$250或从250减少到233,我不想替换233乘250,而不是我想要一个计数器的效果,在滚动数字时,缩放效果也是必需的.
我是新来的 Jquery任何帮助将高度赞赏.
我是新来的 Jquery任何帮助将高度赞赏.
解决方法
HTML
<button id="start">Start</button> <button id="reset">Reset</button> <input id="counter" value="233"/>
JavaScript的
$(function ()
{
var $start = $('#start'),start = $start.get(0),$reset = $('#reset'),reset = $reset.get(0),$counter = $('#counter'),startVal = $counter.text(),currentVal = startVal,endVal = 250,prefix = '$',fontSize = $counter.css('font-size');
$start.click(function ()
{
this.disabled = true;
var i = setInterval(function ()
{
if (currentVal === endVal)
{
clearInterval(i);
reset.disabled = false;
$counter.animate({fontSize: fontSize});
}
else
{
currentVaL++;
$counter.text(prefix+currentVal).animate({fontSize: '+=1'},100);
}
},100);
});
$reset.click(function ()
{
$counter.text(prefix + startVal);
this.disabled = true;
start.disabled = false;
}).click();
});
Demo →