javascript - 倒数百分比

我正在使用jQuery或JavaScript从100％倒计时到0％。我正在尝试制定方法，并控制其停止的百分比。到目前为止，我已经使用名为jCycle的插件将其组合在一起，因为我可以应用fx none，设置速度和超时，还可以使用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，
    外汇：“无”，
    向后：是的，
    速度：1
    超时：60，
        自动停止：1
    autostopCount：0，
}）;


如何合并HTML？我必须手动键入太多p标签。

最佳答案

您可以将autostopCount设置为要倒数的数量。因此，如果您从100开始并想从5停止，请设置autostopCount: 96。因此，公式为：stop = start - (difference - 1)。

您可以将任何var传递给您的.cycle()函数，并以编程方式对其进行更改。

为了避免输入100个p标记，只需使用for循环！

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

DEMO