Question

是否有一种简单的jQuery方法可以使用包含不同数字的.class生成数字，并在几秒钟后越来越多？

示例：

之前：

<p class="number_vp">56</p>

<p class="number_vp">2</p>

几秒后

：

<p class="number_vp">58</p>

<p class="number_vp">10</p>

Answer 1

var $p = $('.number_vp');

setInterval(function() {
    $p.html(function(_, num) {
        return +num + Math.floor(Math.random() * 6);
    })
}, 1000);

http://jsfiddle.net/eqseX/

Answer 2

每秒为所有'number_vp'元素添加1-100之间的随机数：

setTimeout(function() {
    $(".number_vp").each(function(index,elm) {
        var value = $(elm).html()*1;
        var newValue = value + Math.round(Math.random()*100);
        $(elm).html(newValue);
    });
}, 1000);

Answer 3

此代码显示如何为类number_vp的div项生成随机数。

$('.number_vp').each(function(){
    var randomnumber=Math.floor(Math.random()*999);
    $(this).html(randomnumber);
});

这是一个现场演示：http://jsfiddle.net/6JSXD/1/

这是一个实现计时器的示例，每2秒更改一次值。

setInterval(function(){
    changeNumbers();    
}, 2000);

function changeNumbers(){
    $('.number_vp').each(function(){
        var randomnumber=Math.floor(Math.random()*999);
        $(this).html(randomnumber);
    });
}

http://jsfiddle.net/6JSXD/2/

Answer 4

setTimeout(genRandom,10000);


function genRandom(){$(".number_vp").each(function(index,elm) {
    $(this).html(Math.round(Math.random()*100000));
    setTimeout(genRandom,10000);
});}

用jQuery增加数字

4 个答案: