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


讓我們看看“如何同時顯示當前年份和一個隨機的四位數”。這在很多情況下都很有用,例如建立唯一的識別符號、跟蹤日期或以特定格式顯示日期。透過使用一些簡單的程式設計技巧,即使沒有太多編碼知識,你也可以快速實現這個效果。讓我們探索一下如何在 JavaScript 中實現它。

讓我們深入文章,更好地理解如何同時顯示今年年份和一個隨機的四位數。

使用 JavaScript random() 方法

Math.random() 靜態方法提供一個浮點型偽隨機數,其分佈大致均勻,大於或等於 0 且小於 1,你可以將其縮放至你需要的範圍。隨機數生成演算法的初始種子由實現選擇;使用者無法更改或重置它。

語法

以下是 random() 的語法 -

Math.random()

示例

在下面的示例中,我們使用 random() 方法生成隨機數,並使用 getFullYear() 方法返回四位數的年份。

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

當指令碼執行時,它會生成一個輸出,其中包含今年年份以及網頁上顯示的四位隨機數。只要使用者執行指令碼,隨機數就會不斷變化。

使用 JavaScript slice() 方法

slice() 方法返回陣列子集的淺複製,其中 start 和 end 是陣列項的索引,子集從 start 到 end(不包括 end)選擇。原始陣列不會被改變。

語法

以下是 slice() 的語法 -

array.slice(start, end)

示例

考慮以下示例,我們使用 slice() 方法以及 random() 方法獲取今年年份以及四位隨機數。

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

執行上述指令碼後,輸出視窗將彈出,顯示包含今年四位數年份的停用輸入欄位,以及網頁上顯示的四位隨機數。只要使用者執行指令碼,隨機數就會不斷變化。

更新於: 2023年4月20日

92 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.