随机间隔向上计数器

时间:2012-12-19 10:50:06

标签: javascript jquery

我目前正在使用jQuery插件向上计数。但是,我希望这更加随机,模拟下载次数。现在,计数器每1秒钟向上计数,但我希望它每次滴答时都更随机。 (范围从1秒到4秒)

我目前正在使用:countdowncounter

关于我如何做到这一点的任何建议?我的代码如下:

<script>
    $('#custom').addClass('counter-analog').counter({
        initial: '5.351.487.124',
        direction: 'up',
        interval: '2000',
        format: '9.999.999.999',
        stop: '9999999999',
    });
</script>

2 个答案:

答案 0 :(得分:1)

试试这个:

$('#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生成14之间的随机数,然后将其与1000相乘,以秒为单位获得(随机)延迟。


然而,这只会在声明中设置一个随机间隔,就像Andy在评论中提到的那样。

看起来计数器没有tick事件,所以如果您真的想使用该计数器,则可能需要编辑插件的代码。

答案 1 :(得分:1)

这是我对一个简单的随机计数器的看法:

http://jsfiddle.net/jRqAy/

var count = 55555;
function tick(){
    count += Math.round(Math.random()*5);
    $('span').text(count);
    setTimeout(tick,Math.round(1000+Math.random()*2000));
}
tick();
​