如何在Javascript中创建等待函数结束的加载程序？

我在Javascript中有一个函数（在浏览器中，而不是在node.js中），它需要花费很多时间来提交。我希望在处理函数时，浏览器将显示一个加载器，以便用户能够理解他/她必须等待。

首先创建一个加载器：

<div class="loader" id="loader">
</div>

在函数完全执行后，将此js代码添加到js文件中，只需隐藏加载程序

     $('#loader').addClass("hide-loader");

---

这对你的终端用户来说是一件好事——你自己是如何解决这个难题的？有任何简单的研究吗？我试图通过$（window）使用onload（）函数。onload（functino（）{…}得到一个错误：“upload.js:172 Uncaught TypeError:$（…）。onload不是函数”回答得好，谢谢You@Aboopallikara :-)

     $('#loader').addClass("hide-loader");