如何使此代码中的唯一随机数出现在我的页面上?

时间:2017-12-29 01:14:53

标签: javascript random

有人向我展示了以下代码,该代码生成1到10之间的3个随机数:

var limit = 10,
    amount = 3,
    lower_bound = 1,
    upper_bound = 10,
    unique_random_numbers = [];

if (amount > limit) limit = amount; //Infinite loop if you want more unique
                                    //Natural numbers than exist in a
                                    // given range
while (unique_random_numbers.length < limit) {
    var random_number = Math.floor(Math.random()*(upper_bound - lower_bound) + lower_bound);
    if (unique_random_numbers.indexOf(random_number) == -1) { 
        // Yay! new random number
        unique_random_numbers.push( random_number );
    }
}
// 

我怎样才能使这些数字代替具有相应类别的元素?以下代码显然是错误的,但希望它能说明我想要实现的目标:

<script type='text/javascript'>
    var random_number1 = random_number1(); 
    $('.random_number1').html(random_number1);

    var random_number2 = random_number2(); 
    $('.random_number2').html(random_number2);
</script>

<span class="random_number1"></span>  <span class = "random_number2"></span>

1 个答案:

答案 0 :(得分:0)

假设你有一个id为number且数组为unique_random_numbers的div,你可以用这种方式填充它,假设你有jquery引用:

for ( i = 0; i < unique_random_numbers.length; i++)
{
    $("#Numbers").html($("#Numbers").html() +"<span>" + unique_random_numbers[i] + "</span><br/>");
}