我有一个价格计算功能,可以在加载时计算价格 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
即可。
完成计算后,超时将显示您的结果。
关于javascript - Jquery函数在整个页面上显示加载图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33141796/