JS实现随机生成10个手机号的方法示例

 更新时间:2018年12月07日 09:20:46   作者:yytoo2  
这篇文章主要介绍了JS实现随机生成10个手机号的方法,涉及javascript数值运算与随机数操作相关使用技巧,需要的朋友可以参考下

本文实例讲述了JS实现随机生成10个手机号的方法。分享给大家供大家参考,具体如下:

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");  //这是目前找到的除了数据卡外的手机卡前三位,类型是字符串数组
var numList = "";  //创建一个数组用来存放10个手机号
var arraryLength = numArray.length;  //获取数组长度,这样如果手机号前三位取值单位发生变化,在下一步求i的地方就不用修改随机数取值范围了
for( var n = 0; n < 10; n++){
var i = parseInt( Math.random() * arraryLength); //注意乘以的是上面numArray数组的长度,这样就可以取出数组中的随机一个数。random的取值范围是大于等于0.0,小于1.0,相乘后得到的就是0到(数组长度-1)的值。
var num = numArray[i];  //取出随机的手机号前三位并赋值给num,手机号前三位是字符串类型的
for ( var j = 0; j < 8; j++){
num = num + Math.floor(Math.random() * 10);   //num是字符串,后面的数字被当做字符串。所以变成两个字符串拼接了
}
if(n == 0){
numList = numList + num;  //第一个手机号前不出现“,”
}
else{numList = numList + "," + num;}  //从第一个手机号后面到最后一个之前用逗号分隔
}
var numSpan = document.getElementById("moblieNum");
numSpan.innerHTML = numList; //修改span的内容,每次都是清空修改,而不是叠加
}
</script>

HTML部分:

<input type='button' value='随机生成10个电话号码' onclick='getMoblieNum()' /><br/>
电话号码:<div id='moblieNum'></div>

感兴趣的朋友可使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun ,或 在线HTML/CSS/JavaScript前端代码调试运行工具http://tools.jb51.net/code/WebCodeRun测试运行上述代码,可得到如下运行结果:

PS:这里再为大家推荐一款相关工具供大家参考:

在线随机生成个人信息数据工具:
http://tools.jb51.net/aideddesign/rnd_userinfo

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • javascript操作向表格中动态加载数据

    javascript操作向表格中动态加载数据

    这篇文章主要为大家详细介绍了javascript操作向表格中动态加载数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • javascript实现视频弹幕效果(两个版本)

    javascript实现视频弹幕效果(两个版本)

    这篇文章主要为大家详细介绍了javascript实现视频弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 原生js生成图片验证码

    原生js生成图片验证码

    这篇文章主要为大家详细介绍了原生js生成图片验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • javascript中length属性的探索

    javascript中length属性的探索

    本文中,我将会通过类数组对象(array like object),探索javascript中的length属性的一些秘密。
    2011-07-07
  • JavaScript碰撞检测原理及其实现代码

    JavaScript碰撞检测原理及其实现代码

    这篇文章主要为大家详细介绍了JavaScript碰撞检测原理及其实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 原生js实现日期选择插件

    原生js实现日期选择插件

    这篇文章主要为大家详细介绍了原生js实现日期选择插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • JavaScript 对象深入学习总结(经典)

    JavaScript 对象深入学习总结(经典)

    JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢?本篇文章给大家分享javascript对象深入学习总结,小伙伴们跟着小编一起深入学习吧
    2015-09-09
  • JavaScript自定义鼠标右键菜单栏

    JavaScript自定义鼠标右键菜单栏

    这篇文章主要为大家详细介绍了JavaScript自定义鼠标右键菜单栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 减少访问DOM的次数提升javascript性能

    减少访问DOM的次数提升javascript性能

    访问修改DOM元素都会导致浏览器重新计算页面的几何变化,下面为大家介绍下javascript性能提升方法,需要的朋友可以参考下
    2014-02-02
  • 微信小程序如何实现在线客服功能

    微信小程序如何实现在线客服功能

    这篇文章主要介绍了微信小程序如何实现在线客服功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10

最新评论