Rumah > Artikel > hujung hadapan web > Cara menggunakan JavaScript untuk menjana nombor rawak dan menukarnya dengan kerap
Dengan perkembangan teknologi Internet yang semakin meningkat, JavaScript telah menjadi salah satu bahasa pengaturcaraan yang paling popular sejak beberapa tahun kebelakangan ini. Ia bukan sahaja boleh digunakan untuk membangunkan laman web dan aplikasi mudah alih, malah ia juga boleh melaksanakan pelbagai fungsi menarik seperti penjanaan nombor rawak. Artikel ini akan menunjukkan kepada anda cara menggunakan JavaScript untuk menjana nombor rawak dan menukarnya selepas beberapa saat.
JavaScript menjana nombor rawak
Dalam JavaScript, fungsi Math.random() boleh digunakan untuk menjana nombor rawak, yang akan mengembalikan nombor titik terapung antara 0 dan 1. Contohnya, kod berikut akan menjana nombor rawak dan mencetaknya ke konsol:
var randomNum = Math.random(); console.log(randomNum);
Jika anda ingin menjana nombor rawak dalam julat yang ditentukan, anda boleh menggunakan kod berikut:
var min = 1; var max = 100; var randomNum = Math.floor(Math.random() * (max - min + 1)) + min; console.log(randomNum);
Kod di atas akan menghasilkan integer antara 1 dan 100.
Tetapkan pemasa
Untuk membuat perubahan nombor rawak selepas beberapa saat, kita perlu menggunakan fungsi pemasa dalam JavaScript. Ciri pemasa ialah ia boleh menangguhkan pelaksanaan kod atau berulang kali melaksanakan blok kod tertentu. Dalam contoh ini, kami akan menggunakan fungsi setTimeout(), yang akan dilaksanakan sekali selepas masa yang ditentukan.
Di bawah ialah contoh kod yang akan menjana nombor rawak dan mengeluarkannya ke konsol. Kemudian ia akan menunda selama 5 saat dan menjana nombor rawak baharu sekali lagi dan mengeluarkannya ke konsol.
var randomNum = Math.random(); // 生成随机数 console.log(randomNum); // 输出随机数 setTimeout(function() { var newRandomNum = Math.random(); // 生成新的随机数 console.log(newRandomNum); // 输出新的随机数 }, 5000); // 延时5秒钟
Seperti yang ditunjukkan di atas, kami menggunakan fungsi setTimeout() untuk menetapkan penangguhan yang akan melaksanakan fungsi tanpa nama selepas 5 saat. Fungsi tanpa nama akan menjana nombor rawak baharu dan mencetaknya ke konsol.
Gunakan nombor rawak pada situasi sebenar
Dengan menjana nombor rawak dan menetapkan pemasa, kami boleh menggunakan nombor tersebut pada situasi sebenar, seperti menukar kandungan halaman melalui nombor rawak. Di bawah ialah coretan kod yang akan memaparkan warna latar belakang rawak pada halaman dan kemudian menukarnya kepada warna rawak yang lain selepas 3 saat.
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();
Seperti yang dinyatakan di atas, fungsi changeBackgroundColor() akan menghasilkan warna latar belakang rawak dan menerapkannya pada halaman HTML. Ia kemudiannya akan menetapkan penangguhan yang akan melaksanakan fungsi tanpa nama selepas 3 saat dan menjana warna rawak baharu dan menerapkannya pada halaman.
Ringkasan
Dalam artikel ini, kami memperkenalkan cara menggunakan JavaScript untuk menjana nombor rawak dan menggunakannya pada situasi dunia sebenar. Kami juga meneroka cara menggunakan fungsi pemasa untuk menangguhkan pelaksanaan kod, khususnya menggunakan fungsi setTimeout(). Selain menggunakan nombor rawak dalam contoh ini, nombor rawak dalam JavaScript juga boleh digunakan pada senario lain, seperti permainan, penjanaan kata laluan dan analisis data.
Atas ialah kandungan terperinci Cara menggunakan JavaScript untuk menjana nombor rawak dan menukarnya dengan kerap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!