Cómo agregar un retraso a una ventana emergente en mi blog

monedero · 30 Dic 2020

Hola, saludos me preguntaba podrían ayudarme, es una ventana pop up que se muestra cada cierto tiempo, me preguntaba como podría añadirle un delay de 20 segundas así poder lograr que el pop up se muestre al visitante del blog 20 segundos después de haber ingresado al blog

HTML:

<style>
  #popup {
   visibility: hidden;
display:none;
   opacity: 0;
   margin-top: -200px;
}
#popup:target {
   visibility:visible;
display:block;
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
   margin:7% auto;
   padding: 90px -10px;
   background-color: #fafafa;
   color:#333;
   border-radius: 1px;
   width:20%;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}
#popup { overflow-y:scroll
}
</style>


<script>
  var cok = &quot;Cook&quot;;
if (/(^|\s*pop_u_p=/.test(document.cookie)) {

}else{
   window.location=&#39;#popup&#39;;
}
document.cookie = &quot;pop_u_p=&quot; + encodeURIComponent(cok) +&quot;; max-age=3000;&quot;;
</script>


<div id='popup'>
    <div class='popup-contenedor'>
       <a href='' title='capa'><img alt='capa' src='mrfzS.jpg'/></a>

    </div>
</div>

Henry00jj95 · 30 Dic 2020

monedero dijo:

Hola, saludos me preguntaba podrían ayudarme, es una ventana pop up que se muestra cada cierto tiempo, me preguntaba como podría añadirle un delay de 20 segundas así poder lograr que el pop up se muestre al visitante del blog 20 segundos después de haber ingresado al blog

HTML:

<style>
  #popup {
   visibility: hidden;
display:none;
   opacity: 0;
   margin-top: -200px;
}
#popup:target {
   visibility:visible;
display:block;
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
   margin:7% auto;
   padding: 90px -10px;
   background-color: #fafafa;
   color:#333;
   border-radius: 1px;
   width:20%;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}
#popup { overflow-y:scroll
}
</style>


<script>
  var cok = &quot;Cook&quot;;
if (/(^|\s*pop_u_p=/.test(document.cookie)) {

}else{
   window.location=&#39;#popup&#39;;
}
document.cookie = &quot;pop_u_p=&quot; + encodeURIComponent(cok) +&quot;; max-age=3000;&quot;;
</script>


<div id='popup'>
    <div class='popup-contenedor'>
       <a href='' title='capa'><img alt='capa' src='mrfzS.jpg'/></a>

    </div>
</div>

Primero que nada puedes agregar el codigo en un caja de codigo, vaya la revundancia.

JavaScript:

setTimeout(function() {
    // Aqui la funcion que deses ejecutar
    console.log("ejecutar Popunder :v");
}, 20000)

esta función permite hacer el delay en milisegundos, tendrías que acomodar a tus necesidades, saludos.

monedero · 26 Ene 2021

Hola muchas gracias por su ayuda, pero lamentablemente no consigo poder hacer funcionar el código dentro del popup

sevilla666 · 27 Ene 2021

@monedero, ese código que has puesto lo hice yo para un usuario de forobeta.
No dejas clara tu pregunta, "ese código no se muestra cada cierto tiempo", se muestra cada vez que entra un usuario nuevo.
Por lo que entiendo que necesitas el pop-up que se repita cada cierto tiempo:

Se repite cada 20000 milisegundos:

Insertar CODE, HTML o PHP:

<script>
setInterval(function() {
    window.location='#popup' ;
}, 20000);
</script>

Cómo agregar un retraso a una ventana emergente en mi blog

monedero

Henry00jj95

monedero

sevilla666

Temas similares