如何同时显示今年年份和随机的四位数?
让我们看看“如何同时显示当前年份和一个随机的四位数”。这在很多情况下都很有用,例如创建唯一的标识符、跟踪日期或以特定格式显示日期。通过使用一些简单的编程技巧,即使没有太多编码知识,你也可以快速实现这个效果。让我们探索一下如何在 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>
运行上述脚本后,输出窗口将弹出,显示包含今年四位数年份的禁用输入字段,以及网页上显示的四位随机数。只要用户执行脚本,随机数就会不断变化。
广告