JavaScript通过正则随机生成电话号码
没有接口,就只能自己模拟Json数据了
恰好需要模拟一些电话号码,我又懒得自己随便写,
不如写一个小功能就用来实现随机生成电话号码
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>随机生成电话号码</title>
<style>
ul li {
list-style: none;
}
</style>
</head> <body>
<button class="btn" value="">开始生成电话号码</button>
<button class="btn1" value="">停止</button>
<button class="btn2" value="">清除页面</button>
<ul class="autoNum"></ul> <script>
var nn = document.getElementsByClassName("autoNum")[0];
var liLength = document.getElementsByTagName("li");
var btnOn = document.getElementsByClassName("btn")[0];
var btnOn1 = document.getElementsByClassName("btn1")[0];
var btnOn2 = document.getElementsByClassName("btn2")[0];
var timer; btnOn.addEventListener('click', function () {
console.log("function starT");
timer = setInterval(function () {
autoNum1();
autoStop(timer);
}, 100);
}, false); btnOn1.addEventListener('click', function () {
clearInterval(timer);
console.log(liLength.length);
}, false); btnOn2.addEventListener('click', function () {
clearInterval(timer);
clearNum();
}, false);
//清楚所有的号码
function clearNum() {
console.log(liLength.length);
for (var i= liLength.length-1;i>=0; i--) { nn.removeChild(nn.childNodes[i]);
}
}
//停止定时器
function autoStop(timer) { if (liLength.length > 10) {
clearInterval(timer);
console.log("到11了,STOP");
} } //自动生成电话号码
function autoNum1() {
console.log("电话号码开始生成")
var nuM = []; //通过随机函数生成电话号码,并存入数组中
for (var i = 0; i < 11; i++) {
var num = Math.floor(Math.random() * 10);
nuM.unshift(num); }
//把数组中的逗号通过join方法消除掉
nuM = nuM.join("");
//通过正则判断号码是否为正常电话号码
if ((/^1[34578]\d{9}$/.test(nuM))) {
// alert("找到了");
nuM = nuM.toString();
var node = document.createElement("li"); //创建一个li节点
var textnode = document.createTextNode(nuM); //创建一个文本节点内容
node.appendChild(textnode); //将文本节点内容,添加到li节点里面
// document.getElementById("test").appendChild(node); //将li节点,添加到test几点下面
// var createNum = "<li>" + nuM + "</p>";
nn.appendChild(node);
}
}
</script>
</body> </html>
JavaScript通过正则随机生成电话号码的更多相关文章
- (幼儿园毕业)Javascript小学级随机生成四则运算
软件工程第二次结对作业四则运算自动生成器网页版 一.题目要求 本次作业要求两个人合作完成,驾驶员和导航员角色自定,鼓励大家在工作期间角色随时互换,这里会布置两个题目,请各组成员根据自己的爱好任选一题. ...
- PHP随机生成名字 电话号码
封装函数 随机生成电话号码 function generate_name($count,$type="array",$white_space=false) {$arr = arra ...
- JavaScript随机生成信用卡卡号的方法
这段JS代码根据信用卡卡号产生规则随机生成信用卡卡号,是可以通过验证的,仅供学习参考,请不要用于非法用途,否则后果自负. var visaPrefixList = new Array( "4 ...
- 使用javascript随机生成斗地主玩家手牌
学习javascript估摸着有半个多月了,好歹自己有过编程基础,学的还算轻松,不过js里的面向对象是真的打脑壳,但都但不懂,和我以前学过的c#简直相差太远 今天写了个随机生成斗地主玩家手牌的代码,自 ...
- JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换
/** * 随机生成颜色 * @return 随机生成的十六进制颜色 */ function randomColor(){ var colorStr=Math.floor(Math.random()* ...
- 【JavaScript】随机生成10个0~100的数字
随机生成10个0~100不重复的数字(包含0和100): 需要用到的知识点:随机数 去重 下面放代码 <!DOCTYPE html> <html> <head> & ...
- 使用JavaScript随机生成数字混合字母的验证码
<script> // 封装一个随机生成数字的函数 function random(a, b) { var n = Math.round(Math.random() * (a - b) ...
- php随机生成验证码代码
<?php session_start(); //产生一个随机的字符串验证码 $checkcode=""; for ($i=0;$i<4;$i++){ $checkco ...
- .Net (MVC) 随机生成验证码
以前一直对C#的GDI画图部分知识点不怎么用所以忘得差不多了,这两天正好公司要做一个博客系统,其中一个需求就是留言时为了防止恶意攻击必须填写验证码,正好借着这个机会复习了一下,以下是实现代码,写的比较 ...
随机推荐
- bzoj1143/2718 祭祀river(最大独立集)
[CTSC2008]祭祀river Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 2175 Solved: 1098[Submit][Status] ...
- ace模板dataTables_length控制是否显示分页
默认的ace中配置的是7列之后才显示分页的,其实是可控的,如下: aoColumns这个参数的含义: 排序控制 $(document).ready(function() {$('#example'). ...
- Java-动态规划-最多苹果数量的方法
平面上有N*M个格子,每个格子中放着一定数量的苹果.你从左上角的格子开始,每一步只能向下走或是向右走,每次走到一个格子上就把格子里的苹果收集起来,这样下去,你最多能收集到多少个苹果. 思路: 解这个问 ...
- 洛谷P1372 a/b problem
题目背景 “叮铃铃铃”,随着高考最后一科结考铃声的敲响,三年青春时光顿时凝固于此刻.毕业的欣喜怎敌那离别的不舍,憧憬着未来仍毋忘逝去的歌.1000多个日夜的欢笑和泪水,全凝聚在毕业晚会上,相信,这一定 ...
- Mysql基本操作语句【重要】
一.对数据库的操作 1. 创建一个库 create database 库名 create database 库名 character set 编码
- 内核的bootmem内存分配器【转】
转自:http://blog.csdn.net/zmxiangde_88/article/details/8041040 版权声明:本文为博主原创文章,未经博主允许不得转载. 在内核启动期间,伙伴系统 ...
- 开发使用mysql的一些必备知识点整理(三)高级
简介 实体与实体之间有3种对应关系,这些关系也需要存储下来 在开发中需要对存储的数据进行一些处理,用到内置的一些函数 视图用于完成查询语句的封装 事务可以保证复杂的增删改操作有效 关系 创建成绩表sc ...
- AC日记——[USACO07DEC]手链Charm Bracelet 洛谷 P2871
题目描述 Bessie has gone to the mall's jewelry store and spies a charm bracelet. Of course, she'd like t ...
- AC日记——爱改名的小融2 codevs 3149
3149 爱改名的小融 2 时间限制: 2 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题解 题目描述 Description Wikioi上有个人叫小融,他喜 ...
- Java-多态的理解(主要是解释一个网上经典的例子)
如题,本文重点不在于介绍什么是多态,所以一些基础的概念就不多说了(需要知道的时候会提一下).要了解多态的话这里推荐一篇 http://www.cnblogs.com/jack204/archive/2 ...