Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何生成5个不同的随机数?_Javascript_Html_Css_Random - Fatal编程技术网

Javascript 如何生成5个不同的随机数?

Javascript 如何生成5个不同的随机数?,javascript,html,css,random,Javascript,Html,Css,Random,我尝试在for循环中生成5个不同的随机数来生成5个图像,但是生成的5个随机数完全相同! var numberOfFaces=5 var theLeftSide = document.getElementById("leftSide"); for (var i = 0; i < numberOfFaces; i++) { //create image var img = document.createElement('img'); img.src = "htt

我尝试在for循环中生成5个不同的随机数来生成5个图像,但是生成的5个随机数完全相同! var numberOfFaces=5

var theLeftSide = document.getElementById("leftSide");

for (var i = 0; i < numberOfFaces; i++) {

    //create image

    var img = document.createElement('img');

    img.src = "http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png";

    var random1 = Math.floor(Math.random() * 500 - (100 * i));

    var random2 = Math.floor(Math.random() * 500 - 100 * i);

    img.style.top = random1;

    img.style.left = random2;

    document.body.appendChild(img);

}
var theLeftSide=document.getElementById(“leftSide”);
对于(变量i=0;i
不是随机数不是随机数,而是要设置css值,还需要一个单位,比如像素、百分比等

img.style.top = random1 + 'px';
img.style.left = random2 + 'px';
为了使这些CSS值生效,元素必须具有除
静态

img.style.position = 'absolute';

(先生,检查您的随机数生成语句)

中心页上有一些示例:

/**
* Returns a random number between min (inclusive) and max (exclusive)
*/
function getRandomArbitrary(min, max) {
    return Math.random() * (max - min) + min;
}

/**
* Returns a random integer between min (inclusive) and max (inclusive)
* Using Math.round() will give you a non-uniform distribution!
*/
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

添加
px
并不是一件很愚蠢的事情,我们大家有时都会忘记,尤其是在jQuery和其他库将其抽象掉之后,CSS定位问题几乎每天都会被问到,这是一个常见的错误。@Computerlucaworld毫无疑问是愚蠢的!堆栈溢出是为此类问题创建的,不用担心!感谢您的响应IP:如果您不介意获取256次方范围内的整数而不是浮点数,您可以使用比Math.random更快的速度获取大量真正的随机值。感谢您的响应