WordPress: Обратный отсчет перед открытием сообщения?

Question

Я искал и нашел некоторые html, jquery или javascript перенаправления счетчиков, но я не знаю, могу ли я использовать его с wordpress. Я хочу, чтобы посетители ждали 20 секунд, прежде чем открывать сообщение (короткий код), и вошедший в систему увидит сообщение (короткий код).

Как это:

function restrict($atts, $content = null) { 
if (is_user_logged_in()) { 
    return '<p>I am logged and I can see this</p>'; 
} else { 
    echo HERE SHOULD BE THAT COUNTER; 
}} 
add_shortcode('restrict', 'restrict'); 

Update: Используя данный ответ, который я пытался:

function restrict($atts, $content = null) { 
$cnt = "http://www.youtube.com/embed/HESJgpYYUyM"; 
if (is_user_logged_in()) { 
?> 
<div class="video" style="display:none;"><iframe width="100%" height="400" src="<?php echo $cnt; ?>?autoplay=1" frameborder="0" scrolling="no" allowfullscreen style="visibility:hidden;" onload="this.style.visibility=\'visible\';"></iframe><br><br></div> 
<div class="wait">Please wait 20 seconds.</div> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $(".wait").delay(10000).hide(0, function() { 
     $(".video").show(); 
    }); 
}); 
</script> 
     <?php 
}} 
add_shortcode('restrict', 'restrict'); 

*

Uncaught TypeError: Property '$' of object [object Object] is not a function 
Refused to display 'http://www.youtube.com/embed/HESJgpYYUyM' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 
Uncaught SyntaxError: Unexpected token ILLEGAL 

*

До сих пор:

function restrict($atts, $content = null) { 
$cnt = "http://www.youtube.com/embed/HESJgpYYUyM"; 
if (is_user_logged_in()) { 
?> 
<div class="video" style="display:none;"><iframe width="100%" height="400" src="<?php echo $cnt; ?>?autoplay=1" frameborder="0" scrolling="no" allowfullscreen style="visibility:hidden;" onload="this.style.visibility=\'visible\';"></iframe><br><br></div> 
<div class="wait">Please wait 20 seconds.</div> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery(".wait").delay(10000).hide(0, function() { 
     jQuery(".video").show(); 
    }); 
}); 
</script> 
     <?php 
}} 
add_shortcode('restrict', 'restrict'); 

Uncaught SyntaxError: Неожиданный токен НЕЗАКОННО

Answer 1

Ваш код в значительной степени правильно. Здесь я выделил, где вы должны разместить свой код. Вы должны поместить этот код в свои функции.

function restrict_func() { 
    if (is_user_logged_in()) { 
     return '<p>I am logged and I can see this</p>'; 
    } else { 
     ?> 
     <script> 
      jQuery(document).ready(function() { 
       // script code here. 
      } 
     </script> 
     <!-- And HTML HERE, I've added sample HTML below --> 
     <p class="hide_after_20_sec"></p> 
     <p class="show_after_20_sec"></p> 
     <?php 
    } 
} 
add_shortcode('restrict', 'restrict_func');