Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2023-08-31 16:53:07
nach vorne
1073 Leute haben es durchsucht

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()
Nach dem Login kopieren

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>
Nach dem Login kopieren

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)
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!