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监控数据是否变化(修正版)
Apr 12 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
BootStrap实现鼠标悬停下拉列表功能
Feb 17 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
vue表单自定义校验规则介绍
Aug 28 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 Javascript
如何利用vue实现波谱拟合详解
Nov 05 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 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
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
PHP中图片等比缩放的实例
2013/03/24 PHP
php随机抽奖实例分析
2015/03/04 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
yepnope.js 异步加载资源文件
2011/09/08 Javascript
Jquery为单选框checkbox绑定单击click事件
2012/12/18 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
python 实现红包随机生成算法的简单实例
2017/01/04 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
python中count函数简单用法
2020/01/05 Python
python自动生成sql语句的脚本
2021/02/24 Python
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
化工专业求职信
2014/07/01 职场文书
质量月活动总结
2014/08/26 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js