如何显示具有设置超时功能的加载程序？

Question

我有一个函数正在做一些计算，我想为此添加 jquery 加载程序一段时间，我已经尝试了以下但它没有显示加载程序不明白为什么？

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

上面id代码有没有做错？请帮助我如何在特定时间段内显示装载机。

Answer 1

setTimeout() 方法在指定的毫秒数后调用函数或计算表达式。
试试这个：

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

Answer 2

我认为这应该可行

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

如何显示具有设置超时功能的加载程序？

How to show loader with set timeout function?

asp.net

jquery

loader