如何將兩個JavaScript合並為一個

Question

我有這兩個JavaScript。 一個用於預加載程序，另一個用於郵件黑猩猩訂閱表單。 在我的MailChimp帳戶中，我將表單設置為在20秒后顯示，但是我的問題是，它的加載速度比網頁快，有時它會在預加載器消失之前出現。 真的不是我想要的。 請問是否只有在整個頁面加載完成后才顯示mailchimp？ 我還是JavaScript和jquery的新手，我也不知道如何執行此操作。 請幫忙。 以下是腳本。 感謝您的幫助。

<script type="text/javascript">
var clPreloader = function() {

        $("html").addClass('cl-preload');

        $WIN.on('load', function() {

            //force page scroll position to top at page refresh
            // $('html, body').animate({ scrollTop: 0 }, 'normal');

            // will first fade out the loading animation 
            $("#loader").fadeOut("slow", function() {
                // will fade out the whole DIV that covers the website.
                $("#preloader").delay(300).fadeOut("slow");
            }); 

            // for hero content animations 
            $("html").removeClass('cl-preload');
            $("html").addClass('cl-loaded');

        });
    };
</script>
<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>

<script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us19.list-manage.com","uuid":"a16126f77b33bc58d8eef3c50","lid":"a69743e135","uniqueMethods":true}) })</script>

Answer 1

我認為此網頁將幫助您解決問題https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onload javascript中的onload函數允許您在頁面加載后執行代碼。

否則，您可以在第一個腳本執行完畢后，將函數調用添加到要執行的下一個腳本中。

Answer 2

動畫結束后嘗試這樣的事情

var linkafterpreload = "link 1";

window.addEventListener("load", _ => {
    var newscript = document.createElement("script");
    newscript.src = linkafterpreload ;
    document.body.appendChild("newscript")
})