JavaScript通過正則隨機生成電話號碼

本文轉載自查看原文 2017-07-19 15:41 2039 css/ html/ 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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 PHP隨機生成名字電話號碼隨機電話號碼生成器怎么在線使用？電話號碼生成器是怎么使用的呢？電話號碼等常見的正則表達式美國電話號碼正則表達式電話號碼與郵箱的正則表達式實現一個電話號碼生成器如何統計不同電話號碼的個數國際電話號碼的規則如何統計不同電話號碼的個數？