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>

1%

2%

3%

4%

5%

6%

7%

8%

9%

10%

$（“#计数器”）。循环({ 延误：600， 外汇：“无”， 对,， 速度：1， 超时时间：60， 自动停止：1， 自动停止计数：0， });

---

如何整合我的HTML？我必须手动键入太多的

p

标记。

您可以将

autostopCount

设置为要倒计时的项目数。因此，如果您从100开始并想在5停止，请设置

autostopCount:96

。因此，公式是：

stop=start-（差-1）

您可以将任何

var

传递给

.cycle（）

函数，并以编程方式对其进行更改

要避免键入100个

p

标记，只需使用

for

循环

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

---

for（i=1；i您可以将
autostopCount
设置为您要倒计时的项目数。因此，如果您从100开始并想在5停止，请设置
autostopCount:96
。因此公式为：
stop=start-（差-1）

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

要避免键入100个
p
标记，只需使用
for
循环

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

for（i=1；i以下是一种整合html的方法，您只需要：

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

我还做了一个JSFIDLE：

如果速度不够快，请随意将1000更改为更小的值。
以下是一种整合html的方法，您只需：

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

我还做了一个JSFIDLE：

如果速度不够快，请随意将1000更改为更小的数值。
您好，谢谢您的回复。当然，一定有办法整合此代码？这必须从100-0开始，因此使用此方法，我希望计数器分区中有100个p标记。还有其他方法吗？@tweedman23啊，没有意识到这是pa你的问题的rt。添加。嗨，谢谢你的回复。肯定有办法整合这段代码吗？这必须从100-0开始，所以使用这种方法，我希望计数器分区中有100个p标签。还有其他方法吗？@tweedman23啊，没有意识到这是你的问题的一部分。添加。我看到你是新来的，所以请确定单击正确答案旁边的绿色复选标记。我发现您是SO新手，因此请务必单击正确答案旁边的绿色复选标记。