如何同時顯示今年年份和隨機的四位數?
讓我們看看“如何同時顯示當前年份和一個隨機的四位數”。這在很多情況下都很有用,例如建立唯一的識別符號、跟蹤日期或以特定格式顯示日期。透過使用一些簡單的程式設計技巧,即使沒有太多編碼知識,你也可以快速實現這個效果。讓我們探索一下如何在 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>
執行上述指令碼後,輸出視窗將彈出,顯示包含今年四位數年份的停用輸入欄位,以及網頁上顯示的四位隨機數。只要使用者執行指令碼,隨機數就會不斷變化。
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP