JS實(shí)現(xiàn)隨機(jī)生成10個手機(jī)號的方法示例
本文實(shí)例講述了JS實(shí)現(xiàn)隨機(jī)生成10個手機(jī)號的方法。分享給大家供大家參考，具體如下：
JS部分：
<script>
function getMoblieNum(){
var numArray = new Array("139","138","137","136","135","134","159","158","157","150","151","152","188","187","182","183","184","178","130","131","132","156","155","186","185","176","133","153","189","180","181","177"); //這是目前找到的除了數(shù)據(jù)卡外的手機(jī)卡前三位，類型是字符串?dāng)?shù)組
var numList = ""; //創(chuàng)建一個數(shù)組用來存放10個手機(jī)號
var arraryLength = numArray.length; //獲取數(shù)組長度，這樣如果手機(jī)號前三位取值單位發(fā)生變化，在下一步求i的地方就不用修改隨機(jī)數(shù)取值范圍了
for( var n = 0; n < 10; n++){
var i = parseInt( Math.random() * arraryLength); //注意乘以的是上面numArray數(shù)組的長度，這樣就可以取出數(shù)組中的隨機(jī)一個數(shù)。random的取值范圍是大于等于0.0，小于1.0，相乘后得到的就是0到（數(shù)組長度-1）的值。
var num = numArray[i]; //取出隨機(jī)的手機(jī)號前三位并賦值給num，手機(jī)號前三位是字符串類型的
for ( var j = 0; j < 8; j++){
num = num + Math.floor(Math.random() * 10); //num是字符串，后面的數(shù)字被當(dāng)做字符串。所以變成兩個字符串拼接了
}
if(n == 0){
numList = numList + num; //第一個手機(jī)號前不出現(xiàn)“，”
}
else{numList = numList + "," + num;} //從第一個手機(jī)號后面到最后一個之前用逗號分隔
}
var numSpan = document.getElementById("moblieNum");
numSpan.innerHTML = numList; //修改span的內(nèi)容，每次都是清空修改，而不是疊加
}
</script>
HTML部分：
<input type='button' value='隨機(jī)生成10個電話號碼' onclick='getMoblieNum()' /><br/> 電話號碼：<div id='moblieNum'></div>
感興趣的朋友可使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun ，或 在線HTML/CSS/JavaScript前端代碼調(diào)試運(yùn)行工具：http://tools.jb51.net/code/WebCodeRun測試運(yùn)行上述代碼，可得到如下運(yùn)行結(jié)果：
PS：這里再為大家推薦一款相關(guān)工具供大家參考：
在線隨機(jī)生成個人信息數(shù)據(jù)工具：
http://tools.jb51.net/aideddesign/rnd_userinfo
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript操作向表格中動態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了javascript操作向表格中動態(tài)加載數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
javascript實(shí)現(xiàn)視頻彈幕效果(兩個版本)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)視頻彈幕效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要為大家詳細(xì)介紹了原生js生成圖片驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
本文中，我將會通過類數(shù)組對象（array like object），探索javascript中的length屬性的一些秘密。2011-07-07
JavaScript碰撞檢測原理及其實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript碰撞檢測原理及其實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)日期選擇插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
JavaScript 對象深入學(xué)習(xí)總結(jié)(經(jīng)典)
JavaScript中，除了五種原始類型（即數(shù)字，字符串，布爾值，null，undefined）之外的都是對象了，所以，不把對象學(xué)明白怎么繼續(xù)往下學(xué)習(xí)呢？本篇文章給大家分享javascript對象深入學(xué)習(xí)總結(jié)，小伙伴們跟著小編一起深入學(xué)習(xí)吧2015-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義鼠標(biāo)右鍵菜單欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
訪問修改DOM元素都會導(dǎo)致瀏覽器重新計(jì)算頁面的幾何變化，下面為大家介紹下javascript性能提升方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了微信小程序如何實(shí)現(xiàn)在線客服功能,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10