首頁  >  文章  >  web前端  >  如何同時顯示今天的年份和隨機的4位數字?

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

WBOY
WBOY轉載
2023-08-31 16:53:071033瀏覽

如何同時顯示今天的年份和隨機的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中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除