Javascript 显示特定div，直到内容加载到Phonegap web服务中的另一个div

我正在Phonegap中做一个web服务。当用户搜索特定关键字时，应用程序从远程服务器上的XML文件获取值，并将内容加载到我的应用程序中的div中。我的问题是，在内容加载到div之前，我想显示一条toast消息，如“正在加载…”或“正在进行…”。我已经创建了一条toast消息。但是我不知道在加载内容后如何隐藏toast消息，因为对于不同的关键字，从XML文件中获取值的时间是不同的

加载内容的div是

，这是我的toast函数：

function toast(sMessage){
  var container = $(document.createElement("div"));
  container.addClass("loading");
  var message = $(document.createElement("div"));
  message.addClass("message");
  message.text(sMessage);
  message.appendTo(container);
  container.appendTo(document.body);
  container.delay(150).fadeIn("slow", function() {
    if ($(".searchresults").html().length > 0) {
      $(this).delay(500).fadeOut("slow", function() {
        $(this).remove();
      });
    }
  });
}

---

有人能给我提些建议吗？提前感谢。

创建一个JavaScript计时器，用于测试div的内容，并在其中找到内容时隐藏消息

var myVar=setInterval(function(){myTimer()},1000);

function myTimer()
{
// test for content, hide message
}

---

加载完成后，content loader无法调用函数来关闭toast，这有什么原因吗？