Javascript Jquery函数在整个页面上显示加载图标

Javascript Jquery函数在整个页面上显示加载图标,javascript,jquery,Javascript,Jquery,我有一个价格计算功能,在加载时计算5秒钟的价格,然后显示产品的价格。图像路径位于LOADINGIMG变量中。我想在页面上调用它,显示仅在页面上加载图像,然后在时间结束后5秒,它会像往常一样显示结果。请帮帮我。多谢各位 function CalculatePrice() { var req, parameters, datasend, prodlist; LOADING = setInterval(function () { $('.objprice', pro

我有一个价格计算功能,在加载时计算5秒钟的价格,然后显示产品的价格。图像路径位于LOADINGIMG变量中。我想在页面上调用它,显示仅在页面上加载图像,然后在时间结束后5秒,它会像往常一样显示结果。请帮帮我。多谢各位

function CalculatePrice() {

    var req, parameters, datasend, prodlist;

    LOADING = setInterval(function () {
        $('.objprice', prodlist).html(LOADINGIMG);
    }, 5);

    var querystring = "?" + BASIC_PARA + "&" + GetPriceCalculationQueryString() + "&filter=" + FILTER + "&sort=1&FilterChange=0&cacheprod=0";
    if (PAGE_TYPE < 3) {
        querystring = querystring + "&dumy=1",
            datasend = "";
    } else {

        req = {
            RefID: REFIDLIST
        };
        datasend = JSON.stringify(req);
        datasend = encodeURIComponent(datasend);
    }
    URL_QUERYSTRING = querystring;
    UpdateLabels();
    Searchcontrol(2);
    if (ISREFID == "" && LANDWITHPRICE == false) {

        smoothScroll('prodlistinsp', 300);
    }
    parameters = "prodrq=" + datasend;

    if (document.domain.indexOf("localhost") != -1 || document.domain.indexOf("tenbook") != -1) {
        makeRequest(TENWEB_PATH + "/inspiration/PriceCalculatorPage.aspx" + querystring, parameters);
    } else {
        makeRequest("http://" + document.domain + "/" + PROXYPAGE + querystring, parameters);
    }
}
函数CalculatePrice(){
var req、参数、数据端、产品列表;
加载=设置间隔(函数(){
$('.objprice',prodlist.html(LOADINGIMG);
}, 5);
var querystring=“?”+BASIC_PARA+”&“+GetPriceCalculationQueryString()+”&filter=“+filter+”&sort=1&FilterChange=0&cacheprod=0”;
如果(页面类型<3){
querystring=querystring+“&dumy=1”,
datasend=“”;
}否则{
请求={
RefID:REFIDLIST
};
datasend=JSON.stringify(req);
datasend=encodeURIComponent(datasend);
}
URL_QUERYSTRING=QUERYSTRING;
UpdateLabels();
搜索控制(2);
if(ISREFID==“”&LANDWITHPRICE==false){
平滑滚动('prodlistinsp',300);
}
parameters=“prodrq=”+datasend;
if(document.domain.indexOf(“localhost”)!=-1 | | document.domain.indexOf(“tenbook”)!=-1){
makeRequest(TENWEB_PATH+“/inspiration/PriceCalculatorPage.aspx”+查询字符串,参数);
}否则{
makeRequest(“http://“+document.domain+”/“+PROXYPAGE+querystring,参数);
}
}

为此,请避免使用
设置间隔。调用函数时只需显示
LOADINGIMG
,并将
setTimeout
放入其中


完成计算后,超时将显示结果。

为此避免使用
设置间隔。调用函数时只需显示
LOADINGIMG
,并将
setTimeout
放入其中

完成计算后,超时将显示结果