如何同时显示今年年份和随机的四位数?


让我们看看“如何同时显示当前年份和一个随机的四位数”。这在很多情况下都很有用,例如创建唯一的标识符、跟踪日期或以特定格式显示日期。通过使用一些简单的编程技巧,即使没有太多编码知识,你也可以快速实现这个效果。让我们探索一下如何在 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 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告