Maison > Article > interface Web > Comment afficher l'année du jour et un nombre aléatoire à 4 chiffres en même temps ?

Comment afficher l'année du jour et un nombre aléatoire à 4 chiffres en même temps ?

WBOYavant: 2023-08-31 16:53:071033parcourir

Comment afficher lannée du jour et un nombre aléatoire à 4 chiffres en même temps ?

Voyons « Comment afficher l'année en cours et 4 chiffres aléatoires en même temps ». Ceci est utile pour diverses raisons, telles que la création d'identifiants uniques, le suivi des dates ou l'affichage des dates dans un format spécifique. En utilisant quelques techniques de programmation simples, vous pouvez rapidement créer cet effet avec un minimum de connaissances en codage. Voyons comment procéder en JavaScript.

Approfondissons cet article pour mieux comprendre l'affichage simultané de l'année du jour et de 4 chiffres aléatoires.

Utilisez la méthode JavaScript random()

Math.random() La méthode statique fournit un nombre pseudo-aléatoire à virgule flottante qui est à peu près uniformément réparti dans la plage, supérieur ou égal à 0 et inférieur à 1, vous pouvez l'utiliser pour étendre la plage souhaitée . La graine initiale de l'algorithme de génération de nombres aléatoires est choisie par l'implémentation ; elle ne peut pas être modifiée ou réinitialisée par l'utilisateur.

Grammaire

Ce qui suit est la syntaxe de random() -

Math.random()

Exemple

Dans l'exemple ci-dessous, nous utilisons la méthode random() pour exécuter le script afin de générer des nombres aléatoires et la méthode getFullYear() pour renvoyer l'année à 4 chiffres.

<!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>

Lorsque le script s'exécutera, il générera une sortie contenant l'année du jour et le nombre aléatoire à 4 chiffres affiché sur la page Web. Tant que l'utilisateur exécute le script, le nombre aléatoire continuera de changer.

Utilisez la méthode JavaScript slice()

La méthode

slice() renvoie une copie superficielle d'un sous-ensemble du tableau, où début et fin sont les indices des éléments du tableau, et le sous-ensemble est sélectionné du début à la fin (la fin n'est pas inclusive). Le tableau initial ne change pas.

Grammaire

Voici la syntaxe de slice() -

array.slice(start, end)

Exemple

Considérez l'exemple suivant dans lequel nous utilisons la méthode slice() et la méthode random() pour obtenir l'année d'aujourd'hui avec un nombre aléatoire à 4 chiffres.

<!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>

Lors de l'exécution du script ci-dessus, une fenêtre de sortie apparaîtra affichant un champ de saisie désactivé contenant l'année d'aujourd'hui à quatre chiffres et le nombre aléatoire à quatre chiffres affichés sur la page Web. Tant que l'utilisateur exécute le script, le nombre aléatoire continuera de changer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript math 标识符算法

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：5 bibliothèques JavaScript obscures qui simplifient la conception WebArticle suivant：5 bibliothèques JavaScript obscures qui simplifient la conception Web

Articles Liés

Voir plus