在整个页面上显示加载图标

Jquery Function to display Loading icon on whole page

本文关键字：显示 加载 图标      更新时间：2023-09-26

我有一个价格计算函数，在加载时计算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);
    }
}

避免使用setInterval。当函数被调用时，只显示LOADINGIMG，并在里面放一个setTimeout。

当你完成你的计算，超时将显示你的结果。

相关文章：