Heim > Web-Frontend > js-Tutorial > Hauptteil

js generiert zufällig eine Folge alphanumerischer Kombinationen, zufällige animierte Zahlen_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:41:02
Original
2178 Leute haben es durchsucht

JS-Zufallsanimation zum Generieren einer Reihe von Zufallszahlen


Online-Vorschau Zum Herunterladen klicken

Wirkungsbeschreibung:

Nur ​​eine index.html-Datei im Anhang ist gültig

Es besteht aus zwei Teilen: CSS und HTML

Ein paar Zufallszahlen, die von reinem js generiert wurden

Nicht jedes Mal wiederholen. Klicken Sie auf die Schaltfläche, um erneut zu wechseln

Verwendung:

1. Führen Sie CSS-Stile in Ihre Webseite ein

2. Kopieren Sie den Codeteil im Textkörper an die Stelle, an der Sie ihn benötigen

JS generiert eine zufällige alphanumerische Zeichenfolge

Vorwort

Es gibt eine neue Anforderung, eine zufällige Zeichenfolge aus alphanumerischen Kombinationen mit einer Länge von 3 bis 32 Ziffern zu generieren, und eine andere besteht darin, eine zufällige Zeichenfolge mit 43 Ziffern zu generieren.

Methode 1

Wunderbare Art zu schreiben

Math.random().toString(36).substr(2);
Nach dem Login kopieren

Ergebnisse ausgeben

Erklärung

Es ist sehr interessant, dass die Parameterspezifikation nach toString grundsätzlich eine beliebige Ganzzahl zwischen 2 und 36 sein kann. Der Standardwert ist 10 (d. h. dezimal). Nummer.

Wenn es sich um eine gerade Zahl handelt, sind die zurückgegebenen numerischen Zeichenfolgen kurz. Wenn es sich um eine ungerade Zahl handelt, wird ein sehr langer Darstellungswert zurückgegeben.
Wenn <10 aus Zahlen besteht, enthält >10 Buchstaben.
Wenn Sie also eine lange Folge zufälliger Zeichen erhalten möchten, müssen Sie einen Parameter > 10 und eine ungerade Zahl verwenden und Slice (2, n) zum Abfangen entsprechend der Länge verwenden!

Methode 2

Es gibt viele Möglichkeiten, dies umzusetzen. Da die vorherige Schreibweise nicht den Anforderungen entspricht, habe ich die nächste geschrieben.

Adresse

https://gist.github.com/xuanfeng/b23ab28ab412254e1594

Code

/*
** randomWord 产生任意长度随机字母数字组合
** randomFlag-是否任意长度 min-任意长度最小位[固定位数] max-任意长度最大位
** xuanfeng 2014-08-28
*/
 
function randomWord(randomFlag, min, max){
 var str = "",
 range = min,
 arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
 
 // 随机产生
 if(randomFlag){
 range = Math.round(Math.random() * (max-min)) + min;
 }
 for(var i=0; i<range; i++){
 pos = Math.round(Math.random() * (arr.length-1));
 str += arr[pos];
 }
 return str;
}
Nach dem Login kopieren

Anwendung

Generieren Sie eine zufällige Zeichenfolge mit 3–32 Ziffern: randomWord(true, 3, 32)

Generieren Sie eine 43-stellige Zufallszeichenfolge: randomWord(false, 43)

Mehrere Verwendungen von js zum Generieren von Zufallszahlen

<script> 
function GetRandomNum(Min,Max)
{ 
var Range = Max - Min; 
var Rand = Math.random(); 
return(Min + Math.round(Rand * Range)); 
} 
var num = GetRandomNum(1,10); 
alert(num); 
</script>
var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
function generateMixed(n) {
 var res = "";
 for(var i = 0; i < n ; i ++) {
  var id = Math.ceil(Math.random()*35);
  res += chars[id];
 }
 return res;
}
Nach dem Login kopieren

1.Math.random(); Das Ergebnis ist eine Zufallszahl zwischen 0-1 (einschließlich 0, ausschließlich 1)

2.Math.floor(num); Der Parameter num ist ein numerischer Wert und das Funktionsergebnis ist der ganzzahlige Teil von num.

3.Math.round(num); Der Parameter num ist ein numerischer Wert und das Funktionsergebnis ist die ganze Zahl, nachdem num gerundet wurde.

Mathematik: Mathematisches Objekt, das mathematische Berechnungen für Daten bereitstellt.

Math.random(); Gibt eine Zufallszahl zwischen 0 und 1 zurück (einschließlich 0, außer 1).

Math.ceil(n); Gibt die kleinste Ganzzahl größer oder gleich n zurück.

Bei Verwendung von Math.ceil(Math.random()*10); erhalten Sie hauptsächlich zufällige ganze Zahlen von 1 bis 10, und die Wahrscheinlichkeit, 0 zu erhalten, ist sehr gering.

Math.round(n); Gibt den Wert von n nach dem Runden zurück.

Verwenden Sie Math.round(Math.random()); um eine zufällige Ganzzahl von 0 bis 1 gleichmäßig zu erhalten.

Wenn Sie Math.round(Math.random()*10); verwenden, können Sie zufällige ganze Zahlen von 0 bis 10 auf grundsätzlich ausgewogene Weise erhalten, und die Wahrscheinlichkeit, den Minimalwert 0 und den Maximalwert 10 zu erhalten, ist geringer als die Hälfte.

Math.floor(n); Gibt die größte ganze Zahl zurück, die kleiner oder gleich n ist.

Bei Verwendung von Math.floor(Math.random()*10); können gleichmäßig zufällige ganze Zahlen von 0 bis 9 erhalten werden.

In diesem Artikel erfahren Sie mehr über die Generierung von Zufallszahlen durch js. Schauen Sie sich diese Website weiterhin regelmäßig an.

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