Heim > Web-Frontend > js-Tutorial > Beispielcode-Sharing, wie JS zufällig einen Bestätigungscode generiert

Beispielcode-Sharing, wie JS zufällig einen Bestätigungscode generiert

黄舟
Freigeben: 2017-06-01 09:14:47
Original
2209 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die spezifische Methode zur zufälligen Generierung eines Verifizierungscodes vorgestellt. Interessierte Freunde können sich darauf beziehen Die Bestätigungscodes, auf die ich zuvor gestoßen bin, sind allesamt

Bilder

. Heute bin ich auf eine Demo gestoßen, die js verwendet, um zufällige Bestätigungscodes zu generieren. Ich werde es ausprobieren und mit Ihnen teilen. Effekt:

HTML-Code:

Ein Klick-Klick-
<p>验证码:</p>
 <p id="login" onclick="change()">
  <a href="#" rel="external nofollow" ></a>
 </p>
Nach dem Login kopieren
Ereignis

für p, The festlegen js-Code lautet wie folgt:

Definieren Sie eine
 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;
Nach dem Login kopieren
Variable

und lassen Sie ihren Wert 26 Buchstaben und zehn Zahlen von 0 bis 9 sein.

Math.random()

ermöglicht es dem System, zufällig einen pseudozufälligen Doppelwert auszuwählen, der größer oder gleich 0,0 und kleiner als 1,0 ist. Zum Beispiel: Math.random()*62 Der erhaltene Wert:

Math.floor

rundet eine Zahl vorher ab wurde im Blog erwähnt. Die Methode

charAt

kann das Zeichen an der angegebenen Position zurückgeben, was bereits im Blog erwähnt wurde. Diese sind bereits sehr bekannt, stellen Sie es sich einfach als

Rezension

vor. Erhalten Sie vier Zufallszahlen und fügen Sie sie in das p-Tag ein. Sie erhalten den gewünschten Effekt.

Das obige ist der detaillierte Inhalt vonBeispielcode-Sharing, wie JS zufällig einen Bestätigungscode generiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage