Como hago esto en javascript?

  • Autor Autor Jonic
  • Fecha de inicio Fecha de inicio
J

Jonic

Gamma
Programador
Hola betas, hoy quisiera que me ayudasen con esta inquietud que tengo.
Resulta que estoy tratando de crear un código para que después de que un usuario cierre la publicidad en una web, se vuelva a abrir cada 5 minutos, el problema es que solo he conseguido poner que se cierre sola la publicidad cada cierto tiempo, pero no recuerdo como hacer para que se habrá cada 5 minutos, quién me puede ayudar con esto por favor :topsy_turvy:.

Les dejo el script que tengo:
HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>Publicidad</title>
<script type='text/javascript'>
//<![CDATA[
var ftr_arr = new Array();
var ftr_clear = new Array();
function ftrFloat(ftr) {
ftr_arr[ftr_arr.length] = this;
var ftrpointer = eval(ftr_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.ftrsrc = document.all? document.all[ftr] : document.getElementById(ftr);
this.ftrsrc.height = this.ftrsrc.offsetHeight;
this.ftrheight = this.cmode.clientHeight;
this.ftroffset = ftrGetOffsetY(ftr_arr[ftrpointer]);
var ftrbar = 'ftr_clear['+ftrpointer+'] = setInterval("ftrFloatInit(ftr_arr['+ftrpointer+'])",1);';
ftrbar = ftrbar;
eval(ftrbar);
}

function ftrGetOffsetY(ftr) {
var ftrTotOffset = parseInt(ftr.mtasrc.offsetTop);
var parentOffset = ftr.ftrsrc.offsetParent;
while ( parentOffset != null ) {
ftrTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return ftrTotOffset;
}
function ftrFloatInit(ftr) {
ftr.pagetop = ftr.cmode.scrollTop;
ftr.ftrsrc.style.top = ftr.pagetop - ftr.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("ftr_imagen").style.visibility = "hidden";
}
//]]>


function CheckClose(){
document.all("anuncio").style.visibility="hidden";
}
setTimeout("CheckClose();",20000);

// <![CDATA[

// ]]>
</script>
</head>
<body>
<div id='ftr_imagen'>
<div id="anuncio">
<center><img border='0' class='close' onClick='closeTopAds();return false;' src='http://4.bp.blogspot.com/_qgZA1ny_dAs/S0jtqeCcWUI/AAAAAAAADkA/qLZkUMRn7FU/s200/iconClose.gif'/>
<!--DEBAJO DE ESTO VA LA PUBLICIDAD-->
<script type="text/javascript" src="http://www.adcash.com/script/java.php?option=rotateur&r=440934"></script></center>
<!--ARRIBA DE ESTO VA LA PUBLICIDAD -->
</div>
</div>
</body>
</html>
 
Última edición:
Yo hice un código, para eso, que publicidad por arriba de videos, con un contador de tiempo que cierra la publicidad automáticamente, y también arriba de la publicidad un botón de cerrar, la publicidad está en un iframe, esto para que cada vez que se vuelva a mostrar la publicidad exista la posibilidad de mostrar un nuevo banner, bueno ya escribí demasiado jajaja

HTML y JavaScript:
Insertar CODE, HTML o PHP: 
<div id="texto">
		Esta publicidad se cerrará en <span id="segundos">30</span> segundos.
	</div>
	<div id="adsframe">
		<img class="cerrar" src="cerrar.png">
		<iframe id="ads" src="ads.html" width="300" height="250" frameborder="0"></iframe>
	</div>
	<script type="text/javascript">
var segundosTotal = 30;
var segundos = 30;
var intervalo;
function boton() {
	var cerrar = document.getElementsByClassName('cerrar');
	cerrar[0].style.marginTop = Math.random() * 238 + 0 + 'px';
	cerrar[0].style.marginLeft = Math.random() * 288 + 0 + 'px';
}
function ocultar(id) {
	document.getElementById(id).style.display = 'none';
}
function mostrar(id) {
	document.getElementById(id).style.display = 'block';
}
window.onload = function() {
	var ads = document.getElementById('ads'),
		visible = 1,
		clicks = 0;
	var cerrar = document.getElementsByClassName('cerrar');
	var contar = function() {
		if (segundos > 0) {
			segundos--;
			document.getElementById('segundos').innerHTML = segundos;
			intervalo = setTimeout(contar, 1000);
		} else {
			clearTimeout(intervalo);
			segundos = segundosTotal+1;
			ocultar('adsframe');
			ocultar('texto');
			ads.src = ads.src;
			boton();
			setTimeout(function() {
				mostrar('adsframe');
				mostrar('texto');
				contar();
			}, 4000);
			clicks = 0;
		}
	}
	contar();
	cerrar[0].onclick = function() {
		if (clicks >= 1) {
			clearTimeout(intervalo);
			segundos = segundosTotal+1;
			ocultar('adsframe');
			ocultar('texto');
			ads.src = ads.src;
			boton();
			setTimeout(function() {
				mostrar('adsframe');
				mostrar('texto');
				contar();
			}, 90000);
			clicks = 0;
		} else {
			boton();
			clicks++;
		}
	}
}
boton();
	</script>

CSS:
Insertar CODE, HTML o PHP: 
<style type="text/css">
#adsframe {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -134px 0 0 -150px;
	background-color: #FFF;
	z-index: 9998;
	width: 300px;
	height: 250px;
	overflow: hidden;
}
.cerrar {
	position: absolute;
	z-index: 9999;
}
#texto {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 18px;
	background-color: #FFF;
	margin: -155px 0 0 -150px;
	font-size: 12px;
	padding-top: 3px;
}
	</style>

Y en ads.html:

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ADS</title>
	<style type="text/css">
* {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	</style>
</head>
<body>
	<!-- CODIGO PUBLICIDAD 300X250 -->
	<script type='text/javascript'>
	var adParams = {a: '25172061', size: '300x250',serverdomain: 'adk2trk2.cpmrocket.com'  };
	</script>
	<script type='text/javascript' src='http://adk2cdn.cpmrocket.com/cpmrocket/scripts/smart/smart.js'></script>
	<!-- CODIGO PUBLICIDAD 300X250 -->
</body>
</html>

cerrar.png: cerrar.webp

Espero que te sirva. :encouragement:

- - - Actualizado - - -

Ah se me olvidó, se tiene que clickear dos veces el botón de cerrar para cerrar 🙄

Captura.webp
 
Última edición:
kanikase dijo:
Yo hice un código, para eso, que publicidad por arriba de videos, con un contador de tiempo que cierra la publicidad automáticamente, y también arriba de la publicidad un botón de cerrar, la publicidad está en un iframe, esto para que cada vez que se vuelva a mostrar la publicidad exista la posibilidad de mostrar un nuevo banner, bueno ya escribí demasiado jajaja

HTML y JavaScript:
Insertar CODE, HTML o PHP: 
<div id="texto">
		Esta publicidad se cerrará en <span id="segundos">30</span> segundos.
	</div>
	<div id="adsframe">
		<img class="cerrar" src="cerrar.png">
		<iframe id="ads" src="ads.html" width="300" height="250" frameborder="0"></iframe>
	</div>
	<script type="text/javascript">
var segundosTotal = 30;
var segundos = 30;
var intervalo;
function boton() {
	var cerrar = document.getElementsByClassName('cerrar');
	cerrar[0].style.marginTop = Math.random() * 238 + 0 + 'px';
	cerrar[0].style.marginLeft = Math.random() * 288 + 0 + 'px';
}
function ocultar(id) {
	document.getElementById(id).style.display = 'none';
}
function mostrar(id) {
	document.getElementById(id).style.display = 'block';
}
window.onload = function() {
	var ads = document.getElementById('ads'),
		visible = 1,
		clicks = 0;
	var cerrar = document.getElementsByClassName('cerrar');
	var contar = function() {
		if (segundos > 0) {
			segundos--;
			document.getElementById('segundos').innerHTML = segundos;
			intervalo = setTimeout(contar, 1000);
		} else {
			clearTimeout(intervalo);
			segundos = segundosTotal+1;
			ocultar('adsframe');
			ocultar('texto');
			ads.src = ads.src;
			boton();
			setTimeout(function() {
				mostrar('adsframe');
				mostrar('texto');
				contar();
			}, 4000);
			clicks = 0;
		}
	}
	contar();
	cerrar[0].onclick = function() {
		if (clicks >= 1) {
			clearTimeout(intervalo);
			segundos = segundosTotal+1;
			ocultar('adsframe');
			ocultar('texto');
			ads.src = ads.src;
			boton();
			setTimeout(function() {
				mostrar('adsframe');
				mostrar('texto');
				contar();
			}, 90000);
			clicks = 0;
		} else {
			boton();
			clicks++;
		}
	}
}
boton();
	</script>

CSS:
Insertar CODE, HTML o PHP: 
<style type="text/css">
#adsframe {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -134px 0 0 -150px;
	background-color: #FFF;
	z-index: 9998;
	width: 300px;
	height: 250px;
	overflow: hidden;
}
.cerrar {
	position: absolute;
	z-index: 9999;
}
#texto {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 18px;
	background-color: #FFF;
	margin: -155px 0 0 -150px;
	font-size: 12px;
	padding-top: 3px;
}
	</style>

Y en ads.html:

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ADS</title>
	<style type="text/css">
* {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	</style>
</head>
<body>
	<!-- CODIGO PUBLICIDAD 300X250 -->
	<script type='text/javascript'>
	var adParams = {a: '25172061', size: '300x250',serverdomain: 'adk2trk2.cpmrocket.com'  };
	</script>
	<script type='text/javascript' src='http://adk2cdn.cpmrocket.com/cpmrocket/scripts/smart/smart.js'></script>
	<!-- CODIGO PUBLICIDAD 300X250 -->
</body>
</html>

cerrar.png: Ver el archivo adjunto 54311

Espero que te sirva. :encouragement:

- - - Actualizado - - -

Ah se me olvidó, se tiene que clickear dos veces el botón de cerrar para cerrar 🙄

Ver el archivo adjunto 54312
Hacer clic para expandir...

Es justo lo que estaba buscando, muchas gracias :encouragement:
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

York0x
Saludo según la hora del día con JavaScript
Respuestas
0
Visitas
98
York0x
York0x
gfranco95
Slider (carrusel) con JavaScript Vanilla, CSS y HTML
Respuestas
2
Visitas
132
OscarAlderete
O
perolitos
¿Aprendo primero JavaScript nativo por completo o voy aprendiendo JS y React al mismo tiempo?
Respuestas
19
Visitas
467
bettotheflayer
B
RoyderP
Me ofrezco programador con experiencia en JavaScript
Respuestas
3
Visitas
70
wonkey
W
valsnavidad
Me ofrezco programador con experiencia en JavaScript, React.js y Node.js, listo para llevar tu proyecto al siguiente nivel. 💻💡
Respuestas
0
Visitas
9
valsnavidad
valsnavidad
Atrás
Arriba