如何显示“loading ...”消息持续到jQuery中完成一个函数？

Question

我有点困惑的是使用一些可能的解决方案来显示“加载...”消息，该消息在函数调用时开始并在完成后结束。这是我的代码示例：

HTML

<div id="demo">
<input type="button" id="btn" value="Go" onclick="myFunction()" />
<table id="simpleTable">
</table>
</div>
<div id="content">   //a large text here
</div>

的jQuery

function myFunction(){
//a set of lines that convert words inside "content" to array, count them and put them raw by raw in "simpleTable"
}

问题是在长操作实现时放置一个显示“正在加载”消息的函数，并在完成后隐藏它。

更新

我已尝试过一些插件，但只有在快速操作时它们才能工作。在诸如大文本之类的延迟条件下，它不起作用。仅供参考我不想设置固定超时，因为我真的不知道执行需要多长时间。

Answer 1

只需在要执行的代码行之前添加加载，并在函数末尾清除它：

function myFunction(){

showLoading();

//a set of lines that convert words inside "content" to array, count them and put them raw by raw in "simpleTable"

clearLoading();
}