JavaScript を使用して乱数を生成し、定期的に変更する方法

インターネット技術の発展に伴い、JavaScript は近年最も人気のあるプログラミング言語の 1 つになりました。 Web サイトやモバイル アプリケーションの開発に使用できるだけでなく、乱数生成などのさまざまな興味深い機能も実装できます。この記事では、JavaScript を使用して乱数を生成し、数秒後に乱数を変更する方法を説明します。

JavaScript は乱数を生成します

JavaScript では、Math.random() 関数を使用して乱数を生成でき、これは 0 から 1 までの浮動小数点数を返します。たとえば、次のコードは乱数を生成し、コンソールに出力します。

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

指定した範囲内で乱数を生成したい場合は、次のコードを使用できます。

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

上記のコードは 1 ～ 100 の整数を生成します。

タイマーを設定する

数秒後に乱数を変更するには、JavaScript でタイマー関数を使用する必要があります。タイマーの特性は、コードの実行を遅らせたり、特定のコード ブロックを繰り返し実行したりできることです。この例では、指定された時間の後に 1 回実行される setTimeout() 関数を使用します。

以下は、乱数を生成してコンソールに出力するサンプル コードです。その後、5 秒遅延して、再度新しい乱数を生成し、コンソールに出力します。

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

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

上に示したように、setTimeout() 関数を使用して遅延器を設定し、匿名関数を 5 秒後に実行します。匿名関数は新しい乱数を生成し、コンソールに出力します。

乱数を実際の状況に適用する

乱数を生成し、タイマーを設定することで、乱数によってページのコンテンツを変更するなど、実際の状況に適用できます。以下は、ページにランダムな背景色を表示し、3 秒後に別のランダムな色に変更するコード スニペットです。

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();

上で述べたように、changeBackgroundColor() 関数はランダムな背景色を生成し、それを HTML ページに適用します。次に、3 秒後に匿名関数を実行し、新しいランダムな色を生成してページに適用するディレイラーを設定します。

概要

この記事では、JavaScript を使用して乱数を生成し、それを現実の状況に適用する方法を紹介しました。また、タイマー機能を使用してコードの実行を遅らせる方法、特に setTimeout() 関数を使用する方法も検討しました。この例での乱数の適用に加えて、JavaScript の乱数はゲーム、パスワード生成、データ分析などの他のシナリオにも適用できます。

以上がJavaScript を使用して乱数を生成し、定期的に変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。