Tengo un requisito en el que quiero ejecutar una función justo antes de que el script comience a cargarse y también ejecutar una función cuando el script termine de cargarse y ejecutarse.

Por ejemplo, tengo el siguiente script adjunto dinámicamente al DOM.

 var myScript = $('<div></div>').html("<script src='foo.js'></script>"); document.body.appendChild(myScript);

Quiero ejecutar una función showSpinner() antes de que el script comience a cargarse y ejecutarse.

y finalmente, desea ejecutar la función hideSpinner() después de que el script anterior haya terminado de cargar y ejecutar el script.

Nota: - No quiero usar ningún código en línea ni agregar un nuevo archivo de script al servidor.