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

时间:2016-01-07 06:10:13

标签: jquery asp.net loader

我有一个正在做一些计算的函数,我想为此添加jquery加载器一段时间,我已经尝试了以下但是它没有显示加载器没有得到原因?

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

上面的id做了错误的代码吗?请帮助我如何在特定的时间段内显示装载机。

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

我认为这应该可以解决

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