Javascript 使用jQuery每秒以随机值递增div内容

Javascript 使用jQuery每秒以随机值递增div内容,javascript,jquery,Javascript,Jquery,我有一个包含整数内容的div <div class="count">12,747,822</div> 12747822 我想增加它的内容,每秒钟增加2到5个随机数。这是我到目前为止试过的 <script type="text/javascript"> function randomIntFromInterval(min,max) { return Math.floor(Math.random()*(max-min+1)+min);

我有一个包含整数内容的div

<div class="count">12,747,822</div>
12747822
我想增加它的内容,每秒钟增加2到5个随机数。这是我到目前为止试过的

<script type="text/javascript">
    function randomIntFromInterval(min,max) {
        return Math.floor(Math.random()*(max-min+1)+min);
    }

    $(document).ready(function(){
        $('.count').html(function(i, val) { return +val+randomIntFromInterval(2,5) });
    });
</script>

函数randomIntFromInterval(最小值、最大值){
返回Math.floor(Math.random()*(max-min+1)+min);
}
$(文档).ready(函数(){
$('.count').html(函数(i,val){return+val+randomIntFromInterval(2,5)});
});

出于某种原因,这会创建一个空div。我应该如何处理这个问题?

您需要使用parseInt将html解析为一个数字(整数),然后需要将其重新转换为字符串,并将逗号作为数千个分隔符放回:

最后,您需要一个间隔,以便每秒钟反复运行代码

function randomIntFromInterval(min,max) {
    return Math.floor(Math.random()*(max-min+1)+min);
}

$(document).ready(function(){
    setInterval(function() {
        $('.count').html(function(i, val) {
            val = val.replace(/,/g,'');
            return (parseInt(val,10)+randomIntFromInterval(2,5)).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        })
    }, 1000);

});

您需要使用parseInt将html解析为一个数字(整数),然后需要将其重新转换为字符串,并将逗号作为数千个分隔符:

最后,您需要一个间隔,以便每秒钟反复运行代码

function randomIntFromInterval(min,max) {
    return Math.floor(Math.random()*(max-min+1)+min);
}

$(document).ready(function(){
    setInterval(function() {
        $('.count').html(function(i, val) {
            val = val.replace(/,/g,'');
            return (parseInt(val,10)+randomIntFromInterval(2,5)).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        })
    }, 1000);

});

您需要使用parseInt将html解析为一个数字(整数),然后需要将其重新转换为字符串,并将逗号作为数千个分隔符:

最后,您需要一个间隔,以便每秒钟反复运行代码

function randomIntFromInterval(min,max) {
    return Math.floor(Math.random()*(max-min+1)+min);
}

$(document).ready(function(){
    setInterval(function() {
        $('.count').html(function(i, val) {
            val = val.replace(/,/g,'');
            return (parseInt(val,10)+randomIntFromInterval(2,5)).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        })
    }, 1000);

});

您需要使用parseInt将html解析为一个数字(整数),然后需要将其重新转换为字符串,并将逗号作为数千个分隔符:

最后,您需要一个间隔,以便每秒钟反复运行代码

function randomIntFromInterval(min,max) {
    return Math.floor(Math.random()*(max-min+1)+min);
}

$(document).ready(function(){
    setInterval(function() {
        $('.count').html(function(i, val) {
            val = val.replace(/,/g,'');
            return (parseInt(val,10)+randomIntFromInterval(2,5)).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        })
    }, 1000);

});
希望这有帮助

   function rndint(min,max)
        {
            return Math.floor(Math.random()*(max-min+1)+min);
        }

   function updateVal(){
            var curval=$('.count').html().trim();
            if(curval===undefined || curval.length==0)
                curval=0;
            curval=curval.replace(/\,/g,'');
            curval=(parseInt(curval)+(0+parseInt(rndint(2,5))));
            var s=(curval+"").split('');
            var res="";
            var i=0;
            //Reverse keys for comma insertion after 3 chars
            var keys = new Array();
            for (var k in s) {
                keys.unshift(k);
            }
            for (var c = keys.length, n = 0; n < c; n++) {
                res=""+s[keys[n]]+res;
                if((i+1)%3==0 && i !=s.length-1)
                    res=","+res;
                i++;
            }
            $('.count').html(res);

   }
        $(document).ready(function(){
            setInterval(updateVal, 3000);
        });
函数rndint(最小值、最大值)
{
返回Math.floor(Math.random()*(max-min+1)+min);
}
函数updateVal(){
var curval=$('.count').html().trim();
如果(曲线长度==未定义曲线长度==0)
曲线=0;
曲线=曲线。替换(/\,/g,);
curval=(parseInt(curval)+(0+parseInt(rndint(2,5)));
var s=(curval+).split(“”);
var res=“”;
var i=0;
//3个字符后插入逗号的反向键
var keys=新数组();
for(s中的变量k){
键。取消移位(k);
}
for(var c=keys.length,n=0;n
希望这有帮助

   function rndint(min,max)
        {
            return Math.floor(Math.random()*(max-min+1)+min);
        }

   function updateVal(){
            var curval=$('.count').html().trim();
            if(curval===undefined || curval.length==0)
                curval=0;
            curval=curval.replace(/\,/g,'');
            curval=(parseInt(curval)+(0+parseInt(rndint(2,5))));
            var s=(curval+"").split('');
            var res="";
            var i=0;
            //Reverse keys for comma insertion after 3 chars
            var keys = new Array();
            for (var k in s) {
                keys.unshift(k);
            }
            for (var c = keys.length, n = 0; n < c; n++) {
                res=""+s[keys[n]]+res;
                if((i+1)%3==0 && i !=s.length-1)
                    res=","+res;
                i++;
            }
            $('.count').html(res);

   }
        $(document).ready(function(){
            setInterval(updateVal, 3000);
        });
函数rndint(最小值、最大值)
{
返回Math.floor(Math.random()*(max-min+1)+min);
}
函数updateVal(){
var curval=$('.count').html().trim();
如果(曲线长度==未定义曲线长度==0)
曲线=0;
曲线=曲线。替换(/\,/g,);
curval=(parseInt(curval)+(0+parseInt(rndint(2,5)));
var s=(curval+).split(“”);
var res=“”;
var i=0;
//3个字符后插入逗号的反向键
var keys=新数组();
for(s中的变量k){
键。取消移位(k);
}
for(var c=keys.length,n=0;n
希望这有帮助

   function rndint(min,max)
        {
            return Math.floor(Math.random()*(max-min+1)+min);
        }

   function updateVal(){
            var curval=$('.count').html().trim();
            if(curval===undefined || curval.length==0)
                curval=0;
            curval=curval.replace(/\,/g,'');
            curval=(parseInt(curval)+(0+parseInt(rndint(2,5))));
            var s=(curval+"").split('');
            var res="";
            var i=0;
            //Reverse keys for comma insertion after 3 chars
            var keys = new Array();
            for (var k in s) {
                keys.unshift(k);
            }
            for (var c = keys.length, n = 0; n < c; n++) {
                res=""+s[keys[n]]+res;
                if((i+1)%3==0 && i !=s.length-1)
                    res=","+res;
                i++;
            }
            $('.count').html(res);

   }
        $(document).ready(function(){
            setInterval(updateVal, 3000);
        });
函数rndint(最小值、最大值)
{
返回Math.floor(Math.random()*(max-min+1)+min);
}
函数updateVal(){
var curval=$('.count').html().trim();
如果(曲线长度==未定义曲线长度==0)
曲线=0;
曲线=曲线。替换(/\,/g,);
curval=(parseInt(curval)+(0+parseInt(rndint(2,5)));
var s=(curval+).split(“”);
var res=“”;
var i=0;
//3个字符后插入逗号的反向键
var keys=新数组();
for(s中的变量k){
键。取消移位(k);
}
for(var c=keys.length,n=0;n
希望这有帮助

   function rndint(min,max)
        {
            return Math.floor(Math.random()*(max-min+1)+min);
        }

   function updateVal(){
            var curval=$('.count').html().trim();
            if(curval===undefined || curval.length==0)
                curval=0;
            curval=curval.replace(/\,/g,'');
            curval=(parseInt(curval)+(0+parseInt(rndint(2,5))));
            var s=(curval+"").split('');
            var res="";
            var i=0;
            //Reverse keys for comma insertion after 3 chars
            var keys = new Array();
            for (var k in s) {
                keys.unshift(k);
            }
            for (var c = keys.length, n = 0; n < c; n++) {
                res=""+s[keys[n]]+res;
                if((i+1)%3==0 && i !=s.length-1)
                    res=","+res;
                i++;
            }
            $('.count').html(res);

   }
        $(document).ready(function(){
            setInterval(updateVal, 3000);
        });
函数rndint(最小值、最大值)
{
返回Math.floor(Math.random()*(max-min+1)+min);
}
函数updateVal(){
var curval=$('.count').html().trim();
如果(曲线长度==未定义曲线长度==0)
曲线=0;
曲线=曲线。替换(/\,/g,);
curval=(parseInt(curval)+(0+parseInt(rndint(2,5)));
var s=(curval+).split(“”);
var res=“”;
var i=0;
//3个字符后插入逗号的反向键
var keys=新数组();
for(s中的变量k){
键。取消移位(k);
}
for(var c=keys.length,n=0;n
给您:@Satpal我想添加数字,而不是在末尾追加。@user3725362,但是请根据需要格式化数字want@Jeremy你的答案很完美。添加它作为答案,这样我就可以选择它作为接受的答案。另外,请添加一些关于您选择的逻辑的信息。@forsvunnet做得很好