Javascript 随机间隔向上计数器
我目前正在使用jQuery插件进行向上计数。然而,我希望这是一个更随机的,模拟下载的数量。目前,计数器每1秒向上计数一次,但我希望它每滴答一次都更加随机。(范围从1秒到4秒) 我目前正在使用:连同 有没有关于我如何做到这一点的建议?我的代码如下所示:Javascript 随机间隔向上计数器,javascript,jquery,Javascript,Jquery,我目前正在使用jQuery插件进行向上计数。然而,我希望这是一个更随机的,模拟下载的数量。目前,计数器每1秒向上计数一次,但我希望它每滴答一次都更加随机。(范围从1秒到4秒) 我目前正在使用:连同 有没有关于我如何做到这一点的建议?我的代码如下所示: <script> $('#custom').addClass('counter-analog').counter({ initial: '5.351.487.124', direction: 'u
<script>
$('#custom').addClass('counter-analog').counter({
initial: '5.351.487.124',
direction: 'up',
interval: '2000',
format: '9.999.999.999',
stop: '9999999999',
});
</script>
$('#custom').addClass('counter-analog').counter({
首字母:“5.351.487.124”,
方向:'向上',
间隔时间:“2000”,
格式:“9.999.999.999”,
停止:“9999999999”,
});
试试这个:
$('#custom').addClass('counter-analog').counter({
initial: '5.351.487.124',
direction: 'up',
interval: (Math.random()*3+1) * 1000,
format: '9.999.999.999',
stop: '9999999999',
});
(Math.random()*3+1)*1000
生成介于1
和4
之间的随机数,然后将其与1000
相乘,以秒为单位获得(随机)延迟
但是,这只会在声明中设置一个随机间隔,正如Andy在评论中提到的那样
计数器似乎没有勾选事件,因此如果您真的想使用该计数器,您可能需要编辑插件的代码。这是我对一个简单随机计数器的看法:
但这只会在初始化时将间隔设置为随机值一次,而不是在每个刻度处进行随机。如果不亲自破解代码,则无法完成所需操作,它必须将
interval
作为函数接受,并使用setTimeout()
以获得更好的灵活性。谢谢,看起来我要用它作为我开发的基础,然后开发我自己的插件。
var count = 55555;
function tick(){
count += Math.round(Math.random()*5);
$('span').text(count);
setTimeout(tick,Math.round(1000+Math.random()*2000));
}
tick();