JavaScript 如何同时显示当天的年份和随机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>

在运行上面的脚本时，将弹出一个输出窗口，显示以四位数表示的当天年份，以及在网页上显示的四位随机数的禁用输入字段。随着用户执行脚本，随机数将不断变化。