0

jQuery または JavaScript を使用して、100% から 0% までのカウントダウンを行っています。私はこれを行う方法を考え出し、何パーセントで停止するかを制御しようとしています. fx noneこれまでのところ、jCycle というプラグインを使用してこれをまとめましautostopたautostopCount。すぐにカウントダウンする必要がありますが、より良い方法がわかりません。

不格好なのはわかっていますが、私のコードを以下に示します。これにより、私が達成しようとしていることをよりよく理解できるようになることを願っています。例として、10% から 0% までを示しました。

<div id="counter">
   <p>1%</p>
   <p>2%</p>
   <p>3%</p>
   <p>4%</p>
   <p>5%</p>
   <p>6%</p>
   <p>7%</p>
   <p>8%</p>
   <p>9%</p>
   <p>10%</p>
</div>

$('#counter').cycle({
    遅延: 600,
    fx: 'なし',
    後方：真、
    スピード: 1,
    タイムアウト: 60、
        自動停止: 1、
    自動停止カウント: 0,
});

HTML を統合するにはどうすればよいですか? p手動で入力しなければならないタグ​​が多すぎます。

4

2 に答える 2

2

autostopCountカウントダウンするアイテムの数を設定できます。したがって、100 から始めて 5 で止めたい場合は、 を設定しautostopCount: 96ます。したがって、式は次のとおりstop = start - (difference - 1)です。

関数に anyvarを渡して、プログラムで変更することができます。.cycle()

p100 個のタグを入力するのを避けるには、forループを使用してください!

for(i=1; i <= 100; i++) {
    $('#counter').append('<p>' + i + '%');
}

デモ

于 2011-12-29T21:05:09.170 に答える
1

必要なものがすべてあるように、html を統合する方法を次に示します。

<div id="counter">
    <p><span>100</span>%</p>
</div>

次に、jQuery は次のようになります。

var stop = 6;

function decrease(){
    var percent = Number($('#counter span').text());
    if(percent > stop){
        $('#counter span').text(--percent);
        var t = setTimeout(decrease,1000);
    }
}
setTimeout(decrease,1000);

jsFiddle も作成しました: http://jsfiddle.net/gS4Rr/1/

十分な速度が得られない場合は、1000 をもっと小さい値に自由に変更してください。

于 2011-12-29T22:46:13.200 に答える