👉Mua Traffic | Được thử miễn phí đến khi hài lòng!
Test mã
<!--- Dán đoạn mã này vào gần cuối trang--->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lấy mã</title>
<style>
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
#warningMessage {
color: red;
display: none;
}
</style>
</head>
<button id="getCodeBtn" onclick="startCountdown()">Lấy mã</button
<p id="codeDisplay"></p>
<p id="warningMessage">Hãy vuốt màn hình để tiếp tục!</p>
<script>
function generateCode() {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
let code = '';
for (let i = 0; i < 6; i++) {
code += chars.charAt(Math.floor(Math.random() * chars.length));
}
return code;
}
let countdown;
let timeLeft;
let isPaused = false;
let scrollTimeout;
function startCountdown() {
let btn = document.getElementById("getCodeBtn");
let display = document.getElementById("codeDisplay");
let warning = document.getElementById("warningMessage");
timeLeft = 60;
btn.disabled = true;
btn.innerText = `Chờ ${timeLeft}s`;
warning.style.display = "none";
clearInterval(countdown);
countdown = setInterval(() => {
if (!isPaused && timeLeft > 0) {
timeLeft--;
btn.innerText = `Chờ ${timeLeft}s`;
if (timeLeft <= 0) {
clearInterval(countdown);
btn.innerText = "Lấy mã";
btn.disabled = false;
display.innerText = "Mã của bạn: " + generateCode();
}
}
}, 1000);
function pauseCountdown() {
isPaused = true;
warning.style.display = "block";
}
function resumeCountdown() {
if (isPaused) {
isPaused = false;
warning.style.display = "none";
}
}
function startScrollCheck() {
clearTimeout(scrollTimeout);
resumeCountdown();
scrollTimeout = setTimeout(pauseCountdown, 30000);
}
window.addEventListener("scroll", startScrollCheck);
startScrollCheck();
}
</script>