JavaScript通過正則隨機生成電話號碼
阿新 • • 發佈：2017-07-19
timer ear 電話號碼 tel interval charset code javascrip rip
沒有接口，就只能自己模擬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通過正則隨機生成電話號碼