亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何在這段代碼中創建一個隨機對象？

如何在這段代碼中創建一個隨機對象？

PIPIONE 2024-01-18 15:02:33
我在互聯網上找到了這個腳本，并決定使用標準的星號和字體。字體本身是通過 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;    }    movesnow();}我的 JavaScript 能力不強，因此我的問題是：如何讓它隨機落下，一次一個？我自己無法找到解決方案。
查看完整描述

3 回答

?
絕地無雙

TA貢獻1946條經驗 獲得超4個贊

將三個雪花組合在一起的行如下：


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","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF","#FFFFFF","#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;

}

查看完整回答
反對 回復 2024-01-18
?
天涯盡頭無女友

TA貢獻1831條經驗 獲得超9個贊

將您的雪更改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","#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[Math.floor(Math.random()*snowletter.length)]+"</span>");

}


if (browserok) {

    window.onload=initsnow;

}



查看完整回答
反對 回復 2024-01-18
?
萬千封印

TA貢獻1891條經驗 獲得超3個贊

如果您只是尋找一片雪花而不是三片落下的雪花，那么難道不是頂部的雪信聲明為您提供了三片雪花...將其更改為只有一個 \u 字符，您就會得到一個...

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

改成

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

參見https://jsfiddle.net/Abeeee/m0aq57ng/


查看完整回答
反對 回復 2024-01-18
  • 3 回答
  • 0 關注
  • 250 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號