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。

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

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

1 个答案: