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

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>

Hacer clic para expandir...

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