Olá, preciso de um expert em wordpress e php.

Estou tentando fazer com que meu shortcode leia um javascript, o javascript é esse:


<div id="show"></div>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

function total() {
setInterval(function () {
$('#show').load('datatotaldeprodutos.php')
}, 1000);
};


A função total() mostra de 1 em 1 segundo a pesquisa que esse php alí faz no banco de dados.

O caso é que funciona bem no php quando eu faço assim no php:

<html>
<div id="show"></div>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

function total() {
setInterval(function () {
$('#show').load('datatotaldeprodutos.php?ajax-call=true')
}, 1000);
};
<?
echo "total();";
?>
</script>
</html>


Mas quando jogo no wordpress o shortcode não lê:

function custom_shortcode3() {
?>
<html>
<div id="show"></div>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

function total() {
setInterval(function () {
$('#show').load('datatotaldeprodutos.php?ajax-call=true')
}, 1000);
};
<?
echo "total();";
?>
</script>
</html>
<?
}

add_shortcode( 'totaldeprodutos', 'custom_shortcode3' );


Eu li algo sobre wp_enqueue_script mas não entendi muito bem.

Preciso de um expert em wordpress e php.