这段代码会在页面加载完成后自动执行generateNumbers()函数，如果生成的两个随机数字相等，则显示遮罩。您可以测试一下看看效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.fullscreen-overlay {position: fixed;top: 0; left: 0; width: 100%; height: 100%; background-color:#000000a8; z-index: 9999; display: none; flex-direction: column; justify-content: center; align-items: center;}
.message {color: black; font-size: 14px; text-align: center; margin-bottom: 20px;}
.close-button {background-color: #ffffff; color: #000000; padding: 10px 20px; border: none; cursor: pointer;}
</style>
<title>Random Number Generator</title>
</head>
<body>
<div class="fullscreen-overlay" id="overlay">
<div class="message" style="background:white; padding:58px; border-radius:18px;">
<img decoding="async" src="https://www.qaqlinks.com.cn/wp-content/uploads/2023/12/coffee.jpg" style="width:388px; border-radius:18px;"></img>
<p style="text-align:center; width:388px; font-size:12px; margin-top:-2px;">(微信扫一扫)</p>
<p style="text-align:center; width:388px;">*如觉得对你有帮助，请支持下我们的工作。</p>
<p style="text-align:center; width:388px;">*可以根据需求, 免费定制需要的工具。欢迎微信咨询。</p>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
generateNumbers();
});
function generateNumbers() {
var num1 = Math.floor(Math.random() * 20) + 1;
var num2 = Math.floor(Math.random() * 20) + 1;
if(num1 === num2) {
document.getElementById("overlay").style.display = "flex";
}
}
</script>
</body>
</html>
重要的事情说三遍!!!
这是网站预览，如果预览不正常，有可能需要外网才能访问，或网站已经不存在，或对方服务器拒绝预览访问。
这是网站预览，如果预览不正常，有可能需要外网才能访问，或网站已经不存在，或对方服务器拒绝预览访问。
这是网站预览，如果预览不正常，有可能需要外网才能访问，或网站已经不存在，或对方服务器拒绝预览访问。
（网址均来源于网络，如有侵权，请联系删除）
1. 链接直达将跳转网址： https://www.qaqlinks.com/sites/91.html
2. 网址收录时间：2024-03-18 11:03:48
3. 这是第“91”个收录网址。
如对此链接有任何疑问，可以添加以上微信，或此链接底部留言。看到会马上回复。
QaQlinks 跨境电商导航网站 声明：网站上的服务均为第三方提供，与 QAQlinks 网站无关。请用户注意甄别第三方服务质量，避免上当受骗。
（文章来源于网络，如有侵权，请联系删除）
html代码，点击图片，居中放大图片