加载gif图片html,JS实现的自定义显示加载等待图片插件(loading.gif)

本文实例讲述了JS实现的自定义显示加载等待图片插件。分享给大家供大家参考，具体如下：

在工作中遇到了一个问题 —— 某个业务流程分为几个阶段，每个阶段如果在数据没有显示出来之前就要显示加载图片loading.gif文件，如果有数据了就消失。为此，自己写了一个方法，方便整个工程使用。

show

hide

//创建加载对象

var obj = new loadingImg();

//显示加载图片

function show(){

obj.show();

}

//隐藏加载图片

function hide(){

obj.hide();

}

//加载图片方法(对象)

function loadingImg(mySetting){

var that = this;

if(mySetting == "" || mySetting == undefined || typeof mySetting != "object"){

mySetting = {};

}

//使用时间戳作为空间的ID

var targetID = new Date().getTime();

this.setting = {

//插入图片的容器,使用jquery的查询方式传入参数

targetConater : "",

//使用图片的地址

imgUrl : "../img/loading.g