如何在这段代码中创建一个随机对象？

问题描述

我在互联网上找到了这个脚本，并决定放标准星号，字体。字体本身是通过 CSS 连接的。在 JS 文件中，我指出需要落下哪些雪花。但是如果我把它们放在一行中，它们会以三片雪花为一组落下，但不是随机的，也不是一个一个的：

var sNowmax=25;
var sNowcolor=new Array("#AAAACC","#ddddFF","#CCCCDD","#F3F3F3","#F0FFFF","#FFFFFF","#EFF5FF")
var sNowtype=("Arial");
var sNowletter=new Array("\u2744 \u2743 \u2742",);
var sinkspeed=0.5; 
var sNowmaxsize=30;
var sNowminsize=8;
var sNowingzone=1;


var sNow=new Array();
var marginbottom;
var marginright;
var timer;
var i_sNow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;
function randommaker(range) {
    rand=Math.floor(range*Math.random());
    return rand;
}
function initsNow() {
    if (ie5 || opera) {
        marginbottom=document.body.clientHeight;
        marginright=document.body.clientWidth;
    }
    else if (ns6) {
        marginbottom=window.innerHeight;
        marginright=window.innerWidth;
    }
    var sNowsizerange=sNowmaxsize-sNowminsize;
    for (i=0;i<=sNowmax;i++) {
        crds[i]=0;
        lftrght[i]=Math.random()*15;
        x_mv[i]=0.03+Math.random()/10;
        sNow[i]=document.getElementById("s"+i);
        sNow[i].style.fontFamily=sNowtype[randommaker(sNowtype/length)];
        sNow[i].size=randommaker(sNowsizerange)+sNowminsize;
        sNow[i].style.fontSize=sNow[i].size+"px";
        sNow[i].style.color=sNowcolor[randommaker(sNowcolor.length)];
        sNow[i].sink=sinkspeed*sNow[i].size/5;
        if (sNowingzone==1) {sNow[i].posx=randommaker(marginright-sNow[i].size)}
        if (sNowingzone==2) {sNow[i].posx=randommaker(marginright/2-sNow[i].size)}
        if (sNowingzone==3) {sNow[i].posx=randommaker(marginright/2-sNow[i].size)+marginright/4}
        if (sNowingzone==4) {sNow[i].posx=randommaker(marginright/2-sNow[i].size)+marginright/2}
        sNow[i].posy=randommaker(2*marginbottom-marginbottom-2*sNow[i].size);
        sNow[i].style.left=sNow[i].posx+"px";
        sNow[i].style.top=sNow[i].posy+"px";
    }
    movesNow();
}
function movesNow() {
    for(i=0;i<=sNowmax;i++) {
        crds[i]+=x_mv[i];
        sNow[i].posy+=sNow[i].sink;
        sNow[i].style.left=sNow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
        sNow[i].style.top=sNow[i].posy+"px";
        if (sNow[i].posy>=marginbottom-2*sNow[i].size || parseInt(sNow[i].style.left)>(marginright-3*lftrght[i])) {
            if (sNowingzone==1) {sNow[i].posx=randommaker(marginright-sNow[i].size)}
            if (sNowingzone==2) {sNow[i].posx=randommaker(marginright/2-sNow[i].size)}
            if (sNowingzone==3) {sNow[i].posx=randommaker(marginright/2-sNow[i].size)+marginright/4}
            if (sNowingzone==4) {sNow[i].posx=randommaker(marginright/2-sNow[i].size)+marginright/2}
            sNow[i].posy=0;
        }
    }
    var timer=setTimeout("movesNow()",50);
}
for (i=0;i<=sNowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+sNowmaxsize+"px;'>"+sNowletter+"</span>");
}
if (browserok) {
    window.onload=initsNow;
}

我不擅长 JavaScript，因此我的问题是：如何让它随机掉落，一次一个？我自己找不到解决方案。

解决方法

如果您只是在寻找一片雪花而不是三个落下的雪花，那么是否只是顶部的雪花声明给了您三重奏...将其更改为一个 \u 字符，您就会得到一个...

var snowletter=new Array("\u2744 \u2743 \u2742",);

改为

var snowletter=new Array("\u2744");

见https://jsfiddle.net/Abeeee/m0aq57ng/

,

将您的 snowletter 更改为雪的数组：new Array("\u2744","\u2743","\u2742") 并更改您随机挑选雪的方式：snowletter[Math.floor(Math.random()*snowletter.length)]

示例代码：

var snowmax=25;
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF","#FFFFFF","#EFF5FF")
var snowtype=("Arial");
var snowmax=25;
var snowcolor=new Array("#AAAACC","#EFF5FF")
var snowtype=("Arial");
var snowletter=new Array("\u2744","\u2742");
var sinkspeed=0.5;
var snowmaxsize=30;
var snowminsize=8;
var snowingzone=1;

var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {
    rand=Math.floor(range*Math.random());
    return rand;
}

function initsnow() {
    if (ie5 || opera) {
        marginbottom=document.body.clientHeight;
        marginright=document.body.clientWidth;
    }
    else if (ns6) {
        marginbottom=window.innerHeight;
        marginright=window.innerWidth;
    }
    var snowsizerange=snowmaxsize-snowminsize;
    for (i=0;i<=snowmax;i++) {
        crds[i]=0;
        lftrght[i]=Math.random()*15;
        x_mv[i]=0.03+Math.random()/10;
        snow[i]=document.getElementById("s"+i);
        snow[i].style.fontFamily=snowtype[randommaker(snowtype/length)];
        snow[i].size=randommaker(snowsizerange)+snowminsize;
        snow[i].style.fontSize=snow[i].size+"px";
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
        snow[i].sink=sinkspeed*snow[i].size/5;
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
        snow[i].style.left=snow[i].posx+"px";
        snow[i].style.top=snow[i].posy+"px";
    }
    movesnow();
}

function movesnow() {
    for(i=0;i<=snowmax;i++) {
        crds[i]+=x_mv[i];
        snow[i].posy+=snow[i].sink;
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
        snow[i].style.top=snow[i].posy+"px";
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])) {
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0;
        }
    }
    var timer=setTimeout("movesnow()",50);
}

for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter[Math.floor(Math.random()*snowletter.length)]+"</span>");
}

if (browserok) {
    window.onload=initsnow;
}

,

将三个雪花组合在一起的行在这里：

var snowletter=new Array("\u2744 \u2743 \u2742",);

要随机使用这三个中的一个，请将此行更改为：

var snowletter="\u2744\u2743\u2742";

并更改以下行：

document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter+"</span>");

致：

document.write("<span id='s"+i
               +"' style='position:absolute;top:-"+snowmaxsize+"px;'>"
               + snowletter[Math.floor(Math.random()*snowletter.length)]
               +"</span>");

结果如下：

var snowmax=25;
var snowcolor=new Array("#AAAACC","#EFF5FF")
var snowtype=("Arial");
var snowletter="\u2744\u2743\u2742";
var sinkspeed=0.5; 
var snowmaxsize=30;
var snowminsize=8;
var snowingzone=1;


var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;
function randommaker(range) {
    rand=Math.floor(range*Math.random());
    return rand;
}
function initsnow() {
    if (ie5 || opera) {
        marginbottom=document.body.clientHeight;
        marginright=document.body.clientWidth;
    }
    else if (ns6) {
        marginbottom=window.innerHeight;
        marginright=window.innerWidth;
    }
    var snowsizerange=snowmaxsize-snowminsize;
    for (i=0;i<=snowmax;i++) {
        crds[i]=0;
        lftrght[i]=Math.random()*15;
        x_mv[i]=0.03+Math.random()/10;
        snow[i]=document.getElementById("s"+i);
        snow[i].style.fontFamily=snowtype[randommaker(snowtype/length)];
        snow[i].size=randommaker(snowsizerange)+snowminsize;
        snow[i].style.fontSize=snow[i].size+"px";
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
        snow[i].sink=sinkspeed*snow[i].size/5;
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
        snow[i].style.left=snow[i].posx+"px";
        snow[i].style.top=snow[i].posy+"px";
    }
    movesnow();
}
function movesnow() {
    for(i=0;i<=snowmax;i++) {
        crds[i]+=x_mv[i];
        snow[i].posy+=snow[i].sink;
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
        snow[i].style.top=snow[i].posy+"px";
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])) {
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0;
        }
    }
    var timer=setTimeout("movesnow()",50);
}
for (i=0;i<=snowmax;i++) {
   document.write("<span id='s"+i
                  +"' style='position:absolute;top:-"+snowmaxsize+"px;'>"
                  + snowletter[Math.floor(Math.random()*snowletter.length)]
                  +"</span>");

}
if (browserok) {
    window.onload=initsnow;
}