Jquery 如何使用设置超时功能显示加载程序？

我有一个函数正在做一些计算，我想为这个添加jquery加载程序一段时间，我已经尝试了以下内容，但它没有显示加载程序没有得到为什么

 function onChangeLeaveEndDate() {
    //$('.k-loading-mask').css('display', 'block !important');
    $(".k-loading-mask").show();
    setTimeout(function () {
        test();
    }, 10000);
    $('.k-loading-mask').hide();
}

我有没有在上面写错代码？请帮助我如何显示特定时间段的加载程序

该方法在指定的毫秒数后调用函数或计算表达式。
可以这样尝试：

function onChangeLeaveEndDate() {
   //$('.k-loading-mask').css('display', 'block !important');
   $(".k-loading-mask").show();
   setTimeout(function () {
      test(); 
      $('.k-loading-mask').hide();
   }, 10000);
}

---

我想这应该行得通

function onChangeLeaveEndDate() {
            //$('.k-loading-mask').css('display', 'block !important');
            $(document).ready(function(){
              $(".k-loading-mask").show();
             setTimeout(function () {
                test();
            $('.k-loading-mask').hide();
             }, 10000);
            });
    }

---

最好使用这个jquery插件@FrebinFrancis有必要使用插件来做一件小事吗？谢谢你，伙计，你救了我的命