注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

面包会有的

... ...

 
 
 

日志

 
 

setTimeout延时执行  

2018-01-09 13:48:15|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
    /**
     * [loading 加载中:旋转图标]
     * @param  {[type]} idname [description]
     * @return {[type]}        [description]
     * 思路:
     * 传入id,
     * 执行开始前,把id的原html保存下来,将html替换成加载中(旋转图)
     * 执行完成后,再替换回旧html
     * 调用示例:
     * 操作开始前调用:var old_cont = loading("#btn-refresh-grp");//加载中状态
     * ... ... 中间执行其它操作 ... ...
     * 操作结束后调用:loading_reset("#btn-refresh-grp",old_cont);//还原按钮状态
     */
    function loading(idname){
        if (idname == ""){ return; }
        var tmp = $(idname);
        var old_cont = tmp.html();//id的原内容,返回,存起来后面用loading_reset还原
        var is_loading = $(idname).attr("is-loading");//属性 is-loading
        if (is_loading == "0"){
            $(idname).attr("is-loading","1");
            $(idname).html('<i class="icon-spinner icon-spin"></i>');//旋转图标 
        }
        
        $(idname).attr("disabled","disabled");

        return old_cont;
    }

    //加载中:还原状态
    function loading_reset(idname,cont){
        setTimeout(function() {            
            $(idname).attr("is-loading","0");
            //$(idname).html(cont);//这样有时会造成一直动画
            $(idname).html('<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>');
            $(idname).removeAttr("disabled");            
        },
        1000);       
    }
  评论这张
 
阅读(53)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018