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


Posted in Javascript onDecember 07, 2018

本文实例讲述了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.3water.com/code/HtmlJsRun ,或 在线HTML/CSS/JavaScript前端代码调试运行工具:http://tools.3water.com/code/WebCodeRun测试运行上述代码,可得到如下运行结果:

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

Javascript 相关文章推荐
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
Mar 17 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
微信小程序 video组件详解
Oct 25 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
原生js实现旋转木马轮播图效果
Feb 27 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
使用vue实现各类弹出框组件
Jul 03 Javascript
使用layui前端框架弹出form表单以及提交的示例
Oct 25 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 Javascript
JS实现简易图片自动轮播
Oct 16 Javascript
angular学习之动态创建表单的方法
Dec 07 #Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 #Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 #Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 #Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 #Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
Dec 06 #Javascript
使用react render props实现倒计时的示例代码
Dec 06 #Javascript
You might like
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
phpMyadmin 用户权限中英对照
2010/04/02 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
关于javascript中的promise的用法和注意事项(推荐)
2021/01/15 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
python 构造三维全零数组的方法
2018/11/12 Python
如何使用pyinstaller打包32位的exe程序
2019/05/26 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
python的range和linspace使用详解
2019/11/27 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
EJB3.1都有哪些改进
2012/11/17 面试题
新闻专业个人自我评价
2013/09/21 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
户外拓展活动方案
2014/02/11 职场文书
新教师工作感言
2014/02/16 职场文书
中秋晚会活动方案
2014/08/31 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
公证委托书标准格式
2014/09/11 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript