如何同時顯示今天的年份和隨機的4位數字？-js教程-PHP中文網

如何同時顯示今天的年份和隨機的4位數字？

WBOY

發布： 2023-08-31 16:53:07

轉載

1072 人瀏覽過

如何同時顯示今天的年份和隨機的4位數字？

讓我們看看「如何同時顯示當前年份和隨機的 4 位數字」。這對於多種原因都很有用，例如建立唯一識別碼、追蹤日期或以特定格式顯示日期。透過使用一些簡單的程式技術，您可以用最少的編碼知識快速創建這種效果。讓我們探索一下如何在 JavaScript 中做到這一點。

讓我們深入研究本文，以便更好地了解同時顯示今天的年份和隨機 4 位數字。

使用 JavaScript random() 方法

Math.random() 靜態方法提供一個浮點偽隨機數，該數在該範圍內大致均勻分佈，大於或等於0 且小於1，您可以使用它可以擴展到您想要的範圍。隨機數產生演算法的初始種子由實現選擇；使用者無法更改或重置它。

文法

以下是random()的語法 -

Math.random()

登入後複製

範例

在下面的範例中，我們使用 random() 方法執行腳本來產生隨機數，並使用 getFullYear() 方法傳回 4 位數的年份。

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

登入後複製

當腳本執行時，它將產生一個輸出，其中包含今天的年份以及網頁上顯示的 4 位隨機數。只要使用者執行腳本，隨機數就會不斷變化。

使用 JavaScript slice() 方法

slice()方法傳回數組子集的淺拷貝，其中start和end是數組項的索引，子集是從start到end選擇的（end不是）包括）。初始數組不會改變。

文法

以下是 slice() 的語法 -

array.slice(start, end)

登入後複製

範例

考慮以下範例，我們使用 slice() 方法和 random() 方法來取得今天的年份以及 4 位元隨機數.

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

登入後複製

執行上述腳本時，將彈出輸出窗口，顯示停用的輸入字段，其中包含四位數的今天年份以及網頁上顯示的四位數隨機數。只要使用者執行腳本，隨機數就會不斷變化。

以上是如何同時顯示今天的年份和隨機的4位數字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！