如何使用Jquery来编号

前端之家收集整理的这篇文章主要介绍了如何使用Jquery来编号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图动画一个$233到$250或从250减少到233,我不想替换233乘250,而不是我想要一个计数器的效果,在滚动数字时,缩放效果也是必需的.
我是新来的 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 →

原文链接:https://www.f2er.com/jquery/176642.html

猜你在找的jQuery相关文章