JS随机生成6位数字验证码

Html

Css

* {
	margin:0;
	padding:0;
}
#verCode {
	border:2px dashed #ccc;
	margin:20px auto;
}
p {
	display:inline-block;
	width:100px;
	height:30px;
	margin:1px;
	border:1px solid skyblue;
	line-height:30px;
	text-align:center;
}

(function() {
    var verCode = document.getElementById('verCode'),
        Ps = document.getElementsByTagName('p');
    verCode.style.height = '30px';
    var i=0; 
    function randomNum() {
        verCode.style.height = 'auto';
        // var p = document.createElement('p');
        // verCode.appendChild(p);
        // 方法一：
        var randomNum = ('000000' + Math.floor(Math.random() * 999999)).slice(-6);

// 方法二：随机字符，从数组的尾部选取元素6个数字
        // var randomNum = Math.random().toString().slice(-6);

// 方法三： 四舍五入取到小数点后六位数，从数组的尾部选取6个元素
        //var randomNum = Math.random().toFixed(6).slice(-6);

// 方法四：for循环
        //var randomNum = "";
        // for (var i = 0; i < 6; i++) {
        //   randomNum += Math.floor(Math.random() * 10);
        //}

// 公共部分    
        verCode.innerHTML += "<p>" + randomNum + "</p>";
        i++;
        if(i>6){
            clearInterval(timer); 
        }
        
    }
    // 公共部分
    var timer = setInterval(randomNum, 1000); 
    
})()

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

JS随机生成6位数字验证码



代码描述：生成6位数字验证码

四中方法，调试一个时注销其它的方法即可！实现原理简单

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

忆年风秣

相关代码

JS随机生成6位数字验证码

最新