cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk memaparkan tahun hari ini dan nombor rawak 4 digit pada masa yang sama?

Bagaimana untuk memaparkan tahun hari ini dan nombor rawak 4 digit pada masa yang sama?

WBOY
WBOYke hadapan
2023-08-31 16:53:071113semak imbas

Bagaimana untuk memaparkan tahun hari ini dan nombor rawak 4 digit pada masa yang sama?

Mari lihat "Cara untuk memaparkan tahun semasa dan rawak 4 digit pada masa yang sama". Ini berguna untuk pelbagai sebab, seperti membuat pengecam unik, menjejak tarikh atau memaparkan tarikh dalam format tertentu. Dengan menggunakan beberapa teknik pengaturcaraan mudah, anda boleh mencipta kesan ini dengan cepat dengan pengetahuan pengekodan yang minimum. Mari kita terokai cara melakukannya dalam JavaScript.

Mari kita mendalami artikel ini untuk mendapatkan pemahaman yang lebih baik tentang memaparkan tahun hari ini dan rawak 4 digit serentak.

Gunakan kaedah rawak() JavaScript

Math.random() Kaedah statik menyediakan nombor pseudo-rawak terapung yang diagihkan secara kasar dalam julat, lebih besar daripada atau sama dengan 0 dan kurang daripada 1, anda boleh menggunakannya untuk melanjutkan ke julat yang anda mahu . Benih awal algoritma penjanaan nombor rawak dipilih oleh pelaksanaan; ia tidak boleh diubah atau ditetapkan semula oleh pengguna.

Tatabahasa

Berikut ialah sintaks rawak() -

Math.random()

Contoh

Dalam contoh di bawah, kami menggunakan kaedah rawak() untuk menjalankan skrip untuk menjana nombor rawak dan kaedah getFullYear() untuk mengembalikan tahun 4 digit. 

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

Apabila skrip dilaksanakan, ia akan menghasilkan output yang mengandungi tahun hari ini dan nombor rawak 4 digit yang dipaparkan pada halaman web. Selagi pengguna melaksanakan skrip, nombor rawak akan terus berubah.

Gunakan kaedah JavaScript slice()

Kaedah

slice() mengembalikan salinan cetek subset tatasusunan, dengan permulaan dan akhir ialah indeks item tatasusunan, dan subset dipilih dari mula hingga akhir (akhir tidak termasuk). Tatasusunan awal tidak berubah.

Tatabahasa

Berikut ialah sintaks slice() -

array.slice(start, end)

Contoh

Pertimbangkan contoh berikut di mana kita menggunakan kaedah slice() dan kaedah rawak() untuk mendapatkan tahun hari ini bersama-sama dengan nombor rawak 4 digit.

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

Apabila menjalankan skrip di atas, tetingkap output akan muncul menunjukkan medan input dilumpuhkan yang mengandungi empat digit tahun hari ini dan nombor rawak empat digit yang dipaparkan pada halaman web. Selagi pengguna melaksanakan skrip, nombor rawak akan terus berubah.

Atas ialah kandungan terperinci Bagaimana untuk memaparkan tahun hari ini dan nombor rawak 4 digit pada masa yang sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript math 标识符 算法
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：5 perpustakaan JavaScript kabur yang memudahkan reka bentuk webArtikel seterusnya：5 perpustakaan JavaScript kabur yang memudahkan reka bentuk web

Artikel berkaitan

Lihat lagi