原生JS实现：六位不重复的随机验证码（每隔一秒，自动生成）

最新推荐文章于 2023-11-15 11:24:44 发布

weixin_30949361

最新推荐文章于 2023-11-15 11:24:44 发布

阅读量693

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/qiancheng123/p/6337492.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #yard{
        width: 530px;
        height:200px;
        font-size: 170px;
        margin: 150px auto;
    }
</style>
<body>
<div id="yard"></div>
<script>
    var div = document.getElementById("yard");
    var timer=setInterval(function(){
            var strCode = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
            var str = '';
            while (str.length < 6) {
                var str1 = strCode.charAt(Math.round(Math.random() * 61));
                if (str.indexOf(str1) === -1) {
                    str += str1;
                }
            }
            div.innerHTML=str;
    },1000)
</script>
</body>
</html>