Comment utiliser JavaScript pour générer des nombres aléatoires et les modifier régulièrement

Avec le développement croissant de la technologie Internet, JavaScript est devenu l'un des langages de programmation les plus populaires ces dernières années. Non seulement il peut être utilisé pour développer des sites Web et des applications mobiles, mais il peut également mettre en œuvre diverses fonctions intéressantes telles que la génération de nombres aléatoires. Cet article vous montrera comment utiliser JavaScript pour générer des nombres aléatoires et les modifier après quelques secondes.

JavaScript génère des nombres aléatoires

En JavaScript, la fonction Math.random() peut être utilisée pour générer un nombre aléatoire, qui renverra une valeur comprise entre 0 et 1 Virgule flottante nombre. Par exemple, le code suivant générera un nombre aléatoire et l'imprimera sur la console :

var randomNum = Math.random();
console.log(randomNum);

Si vous souhaitez générer un nombre aléatoire dans une plage spécifiée, vous pouvez utiliser le code suivant : #🎜🎜 #

var min = 1;
var max = 100;
var randomNum = Math.floor(Math.random() * (max - min + 1)) + min;
console.log(randomNum);

Set timer

Pour faire changer le nombre aléatoire après quelques secondes, nous devons utiliser la fonction timer en JavaScript. La caractéristique d'un timer est qu'il peut retarder l'exécution d'un code ou exécuter de manière répétée un bloc de code spécifique. Dans cet exemple, nous utiliserons la fonction setTimeout(), qui sera exécutée une fois après une heure spécifiée.

Vous trouverez ci-dessous un exemple de code qui générera un nombre aléatoire et l'affichera sur la console. Ensuite, il retardera pendant 5 secondes et générera à nouveau un nouveau nombre aléatoire et l'affichera sur la console.

var randomNum = Math.random(); // 生成随机数
console.log(randomNum); // 输出随机数

setTimeout(function() {
   var newRandomNum = Math.random(); // 生成新的随机数
   console.log(newRandomNum); // 输出新的随机数
}, 5000); // 延时5秒钟

Comme indiqué ci-dessus, nous utilisons la fonction setTimeout() pour définir un retardateur, qui exécutera la fonction anonyme après 5 secondes. La fonction anonyme générera un nouveau nombre aléatoire et l'imprimera sur la console.

Appliquer des nombres aléatoires à des situations réelles

En générant des nombres aléatoires et en réglant des minuteries, nous pouvons les appliquer à des situations réelles, telles que la modification du contenu d'une page via des nombres aléatoires. Vous trouverez ci-dessous un extrait de code qui affichera une couleur d'arrière-plan aléatoire sur la page, puis la changera en une autre couleur aléatoire après 3 secondes.

function changeBackgroundColor() {
   var red = Math.floor(Math.random() * 256);
   var green = Math.floor(Math.random() * 256);
   var blue = Math.floor(Math.random() * 256);
   var bgColor = "rgb(" + red + "," + green + "," + blue + ")";
   document.body.style.background = bgColor; // 更改背景颜色

   setTimeout(function() {
      var newRed = Math.floor(Math.random() * 256);
      var newGreen = Math.floor(Math.random() * 256);
      var newBlue = Math.floor(Math.random() * 256);
      var newBgColor = "rgb(" + newRed + "," + newGreen + "," + newBlue + ")";
      document.body.style.background = newBgColor; // 更改背景颜色
   }, 3000); // 延时3秒钟
}

changeBackgroundColor();

Comme mentionné ci-dessus, la fonction changeBackgroundColor() générera une couleur d'arrière-plan aléatoire et l'appliquera à la page HTML. Il définira ensuite un retardateur qui exécutera la fonction anonyme après 3 secondes, générera une nouvelle couleur aléatoire et l'appliquera à la page.

Résumé

Dans cet article, nous avons présenté comment utiliser JavaScript pour générer des nombres aléatoires et les appliquer dans des situations réelles. Nous avons également exploré comment utiliser la fonctionnalité de minuterie pour retarder l'exécution du code, notamment en utilisant la fonction setTimeout(). En plus d'appliquer des nombres aléatoires dans cet exemple, les nombres aléatoires en JavaScript peuvent également être appliqués à d'autres scénarios, tels que les jeux, la génération de mots de passe et l'analyse de données.

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!