suchen

Heim >Web-Frontend >js-Tutorial >Wie kann ich das heutige Jahr und eine zufällige 4-stellige Zahl gleichzeitig anzeigen?

Wie kann ich das heutige Jahr und eine zufällige 4-stellige Zahl gleichzeitig anzeigen?

WBOY
WBOYnach vorne
2023-08-31 16:53:071113Durchsuche

Wie kann ich das heutige Jahr und eine zufällige 4-stellige Zahl gleichzeitig anzeigen?

Sehen wir uns „So zeigen Sie das aktuelle Jahr und zufällige 4 Ziffern gleichzeitig an“ an. Dies ist aus verschiedenen Gründen nützlich, z. B. zum Erstellen eindeutiger Kennungen, zum Nachverfolgen von Daten oder zum Anzeigen von Daten in einem bestimmten Format. Mithilfe einiger einfacher Programmiertechniken können Sie diesen Effekt mit minimalen Programmierkenntnissen schnell erzeugen. Sehen wir uns an, wie das in JavaScript geht.

Lassen Sie uns tiefer in diesen Artikel eintauchen, um besser zu verstehen, wie das heutige Jahr und zufällige 4 Ziffern gleichzeitig angezeigt werden.

Verwenden Sie die JavaScript-Random()-Methode

Math.random() Die statische Methode stellt eine Gleitkomma-Pseudozufallszahl bereit, die ungefähr gleichmäßig im Bereich verteilt ist, größer oder gleich 0 und kleiner als 1, Sie können sie verwenden, um den gewünschten Bereich zu erweitern . Der anfängliche Startwert des Zufallszahlengenerierungsalgorithmus wird von der Implementierung ausgewählt; er kann vom Benutzer nicht geändert oder zurückgesetzt werden.

Grammatik

Das Folgende ist die Syntax von random() -

Math.random()

Beispiel

Im folgenden Beispiel verwenden wir die Methode random(), um das Skript auszuführen, um Zufallszahlen zu generieren, und die Methode getFullYear(), um das vierstellige Jahr zurückzugeben. 

<!DOCTYPE html>
<html>
   <body>
      <p id="tutorial"></p>
      <script>
         const x = new Date();
         let year =x.getFullYear();
         document.getElementById("tutorial").innerHTML ='Todays year:'+ year;
         var val = Math.floor(1000 + Math.random() * 9000);
         document.write('Random 4 Digit number: '+val);
      </script>
   </body>
</html>

Wenn das Skript ausgeführt wird, generiert es eine Ausgabe, die das heutige Jahr und die 4-stellige Zufallszahl enthält, die auf der Webseite angezeigt wird. Solange der Benutzer das Skript ausführt, ändert sich die Zufallszahl ständig.

Verwenden Sie die JavaScript-Slice()-Methode

Die Methode

slice() gibt eine flache Kopie einer Teilmenge des Arrays zurück, wobei Start und Ende die Indizes der Array-Elemente sind und die Teilmenge von Anfang bis Ende ausgewählt wird (Ende ist nicht inklusive). Das anfängliche Array ändert sich nicht.

Grammatik

Das Folgende ist die Syntax von slice() -

array.slice(start, end)

Beispiel

Betrachten Sie das folgende Beispiel, in dem wir die Methode slice() und die Methode random() verwenden, um das heutige Jahr zusammen mit einer 4-stelligen Zufallszahl zu erhalten.

<!DOCTYPE html>
<html>
   <body>
      <input type="text" id="tutorial" value="" disabled />
      <script>
         const now = new Date();
         let randomNum = '';
         randomNum += Math.round(Math.random() * 9);
         randomNum += Math.round(Math.random() * 9);
         randomNum += now.getTime().toString().slice(-2);
         document.getElementById("tutorial").value = `${new Date().getFullYear()}${randomNum}`;
      </script>
   </body>
</html>

Wenn Sie das obige Skript ausführen, erscheint ein Ausgabefenster mit einem deaktivierten Eingabefeld, das das vierstellige aktuelle Jahr und die vierstellige Zufallszahl enthält, die auf der Webseite angezeigt wird. Solange der Benutzer das Skript ausführt, ändert sich die Zufallszahl ständig.

Das obige ist der detaillierte Inhalt vonWie kann ich das heutige Jahr und eine zufällige 4-stellige Zahl gleichzeitig anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript math 标识符 算法
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：5 obskure JavaScript-Bibliotheken, die das Webdesign vereinfachenNächster Artikel：5 obskure JavaScript-Bibliotheken, die das Webdesign vereinfachen

In Verbindung stehende Artikel

Mehr sehen