在Google自定义搜索栏仍然不可见的情况下添加“正在加载…”消息,然后在该消息已经可见时将其删除

我正在使用谷歌自定义搜索栏,它需要几秒钟的搜索栏显示在页面上。因此,我想在搜索栏仍不显示的情况下添加一条“正在加载…”消息,然后在搜索栏已经可见时删除该消息(页面是否已完全加载并不重要)。

我在网上搜索,并尝试根据来自 here ( onreadystatechange ). 但我无法让它按预期工作,因为“正在加载…”消息在搜索栏变为可见时的一半左右消失:

<p id="loading-msg"></p>

<script>
    var loadingMsgEl = document.getElementById("loading-msg");
    loadingMsgEl.innerHTML = "Loading...";

  (function() {
    var cx = 'xxxxx';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;

    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);

    gcse.onreadystatechange = gcse.onload = function() {
    loadingMsgEl.innerHTML = "";
    };
  })();
</script>