這篇文章給大家分享的是有關(guān)js如何隨機(jī)生成一個(gè)驗(yàn)證碼的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來(lái)看看吧。
創(chuàng)新互聯(lián)建站是一家集成都網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站頁(yè)面設(shè)計(jì)、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)的建站公司,已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗(yàn),以探求精品塑造與理念升華,設(shè)計(jì)最適合用戶的網(wǎng)站頁(yè)面。 合作只是第一步,服務(wù)才是根本,我們始終堅(jiān)持講誠(chéng)信,負(fù)責(zé)任的原則,為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場(chǎng)環(huán)境中,互促共生。
效果:
html代碼:
驗(yàn)證碼:
給div設(shè)置了一個(gè)click點(diǎn)擊事件,js代碼如下:
function getCode(n) { var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789"; var b = ""; for (var i = 0; i < n; i++) { var index = Math.floor(Math.random() * 62); b += all.charAt(index); } return b; }; function change() { document.getElementById("login").innerHTML = getCode(4); } window.onload = change;
定義一個(gè)變量,令它的值為26個(gè)字母和0-9十個(gè)數(shù)字。
Math.random()是令系統(tǒng)隨機(jī)選取大于等于 0.0 且小于 1.0 的偽隨機(jī)double 值。
例如:Math.random()*62 得到的值:
Math.floor是對(duì)一個(gè)數(shù)字向下取整,之前在博客里面有提到過。
charAt方法可返回指定位置的字符,之前在博客里面也有提到過。
這些都已經(jīng)很熟悉了,就當(dāng)作是復(fù)習(xí)一遍吧。
拿到隨機(jī)的四個(gè)數(shù)字,拼接到div標(biāo)簽里。就得到了想要的效果。
感謝各位的閱讀!關(guān)于“js如何隨機(jī)生成一個(gè)驗(yàn)證碼”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!