摘要：本文分享了基于JS實現(xiàn)的隨機數(shù)字抽簽的實例代碼。html>

var?numArray?=?new?Array();

var?personNum?=?30;

$(function?()?{

for?(var?i?=?0;?i?

numArray[i]?=?i;

}

$("li").click(function?()?{

var?n?=?Math.floor(Math.random()?*?numArray.length?+?1)?-?1;?//生成隨機數(shù)

$(this).text(numArray[n]);

numArray.splice(n,?1);?//移除隨機數(shù)

});

$("#btnStart").click(function?()?{

var?totalArray?=?new?Array();

$("li").each(function?(i,?v)?{

totalArray[i]?=?v.innerText;

});

var?n?=?Math.floor(Math.random()?*?totalArray.length?+?1)?-?1;?//生成隨機數(shù)

this.value?=?totalArray[n];

$("li").each(function?(i,?v)?{

if?(v.innerText?==?$("#btnStart").val())?{

this.style.background?=?"red";

}

else

{

this.style.background?=?"white";

}

});

});

});

ul?{

/*display:?block;

float:left;*/

}

ul?li?{

width:?150px;

height:?150px;

line-height:?150px;

border:?1px?solid?gray;

float:?left;

margin-left:?10px;

margin-top:?10px;

list-style-type:?none;

text-align:?center;

font-size:?20px;

}

#btnStart?{

width:?100px;

height:?30px;

margin-left:?10px;

margin-top:?10px;

}

• click?me!
• click?me!
• click?me!
• click?me!

• click?me!
• click?me!
• click?me!
• click?me!

• click?me!
• click?me!
• click?me!
• click?me!

• click?me!
• click?me!
• click?me!
• click?me!

• click?me!
• click?me!
• click?me!
• click?me!

更多關于基于JS實現(xiàn)的隨機數(shù)字抽簽實例請關注PHP中文網(wǎng)(www.php.cn)其它文章！

總結(jié)

以上是生活随笔為你收集整理的php做个抽签人名,基于JS实现的随机数字抽签实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。