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
Lepaskan: 2023-08-31 16:53:07
ke hadapan
1091 orang telah melayarinya

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()
Salin selepas log masuk

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>
Salin selepas log masuk

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)
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan