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 相关文章推荐
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
javascript ajax的5种状态介绍
Aug 18 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
layer iframe 设置关闭按钮的方法
Sep 12 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 Javascript
bootstrap实现tab选项卡切换
Aug 09 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
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
CheckBox 如何实现全选?
2006/06/23 Javascript
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
JavaScript中的继承之类继承
2016/05/01 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
JS使用正则表达式提交页面验证的代码
2019/10/16 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
JavaScript中的全局属性与方法深入解析
2020/06/14 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
Python查找第n个子串的技巧分享
2018/06/27 Python
对Python w和w+权限的区别详解
2019/01/23 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
Python 实现try重新执行
2019/12/21 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
python实现画图工具
2020/08/27 Python
python如何调用php文件中的函数详解
2020/12/29 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
社区十八大感言
2014/01/19 职场文书
2014年秋季开学演讲稿
2014/05/24 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
因个人原因离职的辞职信范文
2015/05/12 职场文书