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

Question

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

Answer 1

避免使用setInterval。只需在调用该函数时显示 LOADINGIMG，并在其中放入 setTimeout 即可。

完成计算后，超时将显示您的结果。