javascript - 在 Google 自定义搜索栏仍然不可见时添加“正在加载...”消息，然后在该消息已经可见时将其删除

Question

我正在使用 Google 自定义搜索栏，搜索栏需要几秒钟才能显示在页面上。因此，我想在搜索栏仍未显示时添加“正在加载..”消息，然后在搜索栏已经可见时删除该消息（页面是否完全加载并不重要）。

我在网上搜索并尝试根据此处( onreadystatechange) 的答案修改 Google 自定义搜索脚本。但我无法让它按预期工作，因为“正在加载...”消息在搜索栏变得可见时消失了大约一半：

<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>