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