Hice una función que actualiza una tabla y una gráfica con setTimeout() y funciona perfecto.
El problema es que hay ocasiones (no siempre) que si estoy en otra pantalla, me aparecen las llamadas de ajax (Lo he revisado en los requests, en la pantalla de networks, en la opción Developer de Google Chrome) que estan en dicha función (sin mandar a llamar la función) y lo que estoy viendo desaparece y me aparece todo la respuesta del PHP en caso de no encontrar información en el PHP.
Este es mi código.
var cronometro;
$(document).on('change','#select_export', function go_async()
{
clearTimeout(cronometro);
$("#answer").remove();
$('#export_graph').html("");
var exporte = $('select[name=select_export]').val();
var exporte_graph = $('select[name=select_export]').val();
$.ajax(
{
url:"phpFiles/finExport.php",
method:"POST",
data:{exporte:exporte},
success:function(data)
{
$('#export_respose').html(data);
$.ajax(
{
url:"phpFiles/finExport_chart.php",
method:"POST",
data:{exporte:exporte_graph},
success:function(datas)
{
var script=document.createElement('script');
script.type='text/javascript';
script.id='answer';
$("body").append(script);
$('#answer').html(datas);
$("#trigger").click();
}
});
}
});
cronometro = setTimeout(function(){ go_async(); }, 30000);
});
Le he puesto clearTimeout(cronometro);
a todas mis funciones pero aún así haciendo esas cosas.