Recuerda que en las ciencias un problema casi siempere suele tener diferentes resoluciones, pero aquí compartimos lo más óptimo y eficiente.
Solución:
ya casi has llegado.
en su función de devolución de llamada settimeout, haga lo siguiente:
var script = document.createElement('script');
script.src = "http://whatever.com/the/script.js";
document.getElementsByTagName('head')[0].appendChild(script);
La forma más sencilla sería dejar que el archivo de script se cargue normalmente y simplemente llamar a una función principal con setTimeout() como esto:
Si no puede hacer eso por alguna razón, puede retrasar la carga del archivo de script externo de esta manera:
setTimeout(function()
var headID = document.getElementsByTagName("head")[0];
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://www.somedomain.com/somescript.js';
headID.appendChild(newScript);
, 5000);
Aquí hay un artículo de referencia sobre la carga dinámica de archivos de script (y otros tipos de recursos): http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS.
Puede usar la manipulación DOM para crear una nueva etiqueta de secuencia de comandos en tiempo de ejecución. Al agregarlo al documento, se cargará el archivo JS externo como si lo hubiera escrito en el HTML en primer lugar.
var loadScript = function(sourceSrc)
var scriptTag = document.createElement('script');
scriptTag.src = scriptSrc;
document.getElementsByTagName('head')[0].appendChild(scriptTag);