javascript - 使用 jQuery 增加数字

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

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

$('.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);
});}