<!DOCTYPE html>
<html>
<head>
<title>Interstitial Ad</title>
<style>
#interstitial-ad {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
}
#skip-btn {
position: absolute;
top: 10px;
right: 10px;
background-color: #4CAF50;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
display: none;
}
#timer {
position: absolute;
top: 10px;
left: 10px;
font-size: 24px;
font-weight: bold;
}
iframe {
width: 100%;
height: 45vh;
border: none;
}
</style>
</head>
<body>
<div id="interstitial-ad">
<iframe src="https://toulnaserveys.blogspot.com/"></iframe>
<iframe src="https://applyo.blogspot.com/"></iframe>
<button id="skip-btn" onclick="skipAd()">Skip Ad</button>
<div id="timer">40</div>
</div>
<script>
let time = 40;
let timer = setInterval(() => {
time--;
document.getElementById("timer").innerHTML = time;
if (time == 0) {
clearInterval(timer);
document.getElementById("skip-btn").style.display = "block";
}
}, 1000);
function skipAd() {
document.getElementById("interstitial-ad").style.display = "none";
}
</script>
</body>
</html>
0 Comments