js实现动态密码的实现-CFANZ编程社区

js实现动态密码的实现

   <style>
        *{
            margin:0;
            padding: 0;
        }
        .content{
            display: flex;
            align-items: center;
        }

        .grid{
            list-style-type: none;
            display: table;
        }
        .grid li{
            display: table-cell;
            padding: 4px 8px;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <p>利用定时器 制作动态的密码</p>
    <div class="content">
        <strong>当前动态密钥：</strong>
        <ul class="grid">
            <li>0</li>
            <li>0</li>
            <li>0</li>
            <li>0</li>
            <li>0</li>
            <li>0</li>
        </ul>
    </div>

    <script>
        var lis = document.getElementsByTagName("li");

        setInterval(setTime,1000)
        function setTime(){
            for(var i=0;i<lis.length;i++){
                var rum = parseInt(Math.random() * 10);

                lis[i].innerHTML = rum
            }
        }


    </script>
</body>

0 条评论

js实现 动态密码的实现

js实现动态密码的实现