wordpress algo que me falta para completar el script

[satanson123]

Hola amigos, tengo el siguiente problema:

Estoy creando un popup al precionar un boton salga el popup me cuente 12 hasta 0 luego aparece un mensaje oculto y el popup se puede cerrar pero si el popup el usuario lo cierra haste de la cuenta regresiva aparesca un mensaje que dique "No cierres la ventana" y que le den click al boton aparesca todo reiniciado y empieze el conteo desde 12 hasta 0.

aqui les dejo un GIF que muestra lo que eh logrado.



Ahora les dejo el codigo de la funcion javascript:

Código Javascript:

<script>function goNewWin() {
 
// Set height and width
var NewWinHeight=800;
var NewWinWidth=450;
 
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Display content on shortcode
var contenedor = document.getElementById("links");
var contenedor2 = document.getElementById("msg");
var value2 = document.getElementById("value");
var seconds = 10;
 
value2.value = "Esperando...";
 
setTimeout(function() {value2.value = "Listo!";}, 11000);
setTimeout(function() {value2.style.display = "none";}, 11500);
 
 
 
//Get what is below onto one line
 
TheNewWin =window.open("http://adf.ly/<?php if(get_the_author_meta('adfly') == ""){ echo '979154';}else{the_author_meta('adfly');} ?>/http://www.gratisprogramas.us", "TheNewpop",
"fullscreen=yes","toolbar=no","location=no","directories=no",
"status=no","menubar=no","scrollbars=no","resizable=no"); 
 
//Get what is above onto one line
 
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
 
//Display content on shortcode
 
 if(TheNewWin != ""){
contenedor2.style.display = "block";
}
 
if(TheNewWin != ""){
setTimeout(function() { contenedor2.style.display = "none"; contenedor.style.display = "block";  }, 11000);
}
 
 
      setInterval(
        function(){
          document.getElementById("seconds").innerHTML = --seconds;
         
        }, 1000
               );
               
 
    
}
 
</script>
 

Y les dejo el de boton que es una funcion shortcode y esto va en la carpeta functions.php

Código PHP:

  function mega_shortcode( $atts, $content = null ) { 
     
 
    return ' 
    <span class="mega"> 
<center> 
<FORM> 
<input id="value" style="height:30px; width:150; font-weight:bold;" type="button" VALUE="Abrir enlaces" onClick="goNewWin()"> 
 
<div id="links" style="display:none;"> 
 
'.$content.' 
   
</div> 
 
<div id="msg" style="display:none; font-size:14px; font-weight: bold;"> 
 
Los links aparecera en <span id="seconds">10</span> segundos no cierres la ventana... 
  
</div> 
 
</FORM></center> 
</span>'; 
} 
add_shortcode( 'mg', 'mega_shortcode' );  
   

Como pueden ver el codigo de la funcion "goNewWin()" coloque "if(TheNewWin != "")" para mostrar el contenido, pero usando el if de esta manera:

Código Javascript:

if(TheNewWin == ""){//Lo que sea}
 

No me funciona, me podrian ayudar a resolver esto por favor.