[英]recursive clearInterval does not work
我在javaScript中具有以下功能。 當我檢測到需要重新加載樣式表時,將調用此函數。 例如,doe更改了用戶語言,因此文本不再適合按鈕。 問題是,它卡在setInterval部分中。 不斷地循環進入它。 我可以在chrome調試器中看到它確實到達了clearInterval部分-但不會清除。 此函數-resetStyle-僅被調用一次。
p.resetStyle = function() {
var that = this;
var oldStylesheet_href = $('#mainStylesheet').attr("href");
var i = oldStylesheet_href.indexOf('lang');
var lastLanguege = oldStylesheet_href.substring(i + 5, i + 7);
var prefix, sufix;
if (lastLanguege === createjs.mainManager.LangString) {
return;
}
prefix = oldStylesheet_href.substring(0, i - 1);
sufix = '&' + oldStylesheet_href.substring(i + 7, oldStylesheet_href.length);
var head = document.getElementsByTagName('head')[0]; // reference to document.head for appending/ removing link nodes
var link = document.createElement('link'); // create the link node
link.setAttribute('id', 'newStylesheet');
link.setAttribute('href', prefix + '&lang=' + createjs.mainManager.LangString + sufix);
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
var sheet, cssRules;
// get the correct properties to check for depending on the browser
if ('sheet' in link) {
sheet = 'sheet';
cssRules = 'cssRules';
}
else {
sheet = 'styleSheet';
cssRules = 'rules';
}
var timeout_id = setInterval(function() { // start checking whether the style sheet has successfully loaded
try {
if (link[sheet] && link[sheet][cssRules].length) { // SUCCESS! our style sheet has loaded
clearInterval(timeout_id); // clear the counters
clearTimeout(timeout_id);
that.onStyleReset();
}
} catch (e) {
} finally {
}
}, 10), // how often to check if the stylesheet is loaded
timeout_id = setTimeout(function() { // start counting down till fail
clearInterval(timeout_id); // clear the counters
clearTimeout(timeout_id);
head.removeChild(link); // since the style sheet didn't load, remove the link node from the DOM
that.onStyleReset();
}, 15000);
$('head').append(link);
$('#mainStylesheet').remove();
link.setAttribute('id', 'mainStylesheet');
};
您是否可能多次啟動計時器? 您可以嘗試:
var timeout_id = (function() {
if (timeout_id) {
// a timer is already running!
clearInterval(timeout_id); // stop it - or you could just return and not create a new one
}
return setInterval(function() {
if (link[sheet] && link[sheet][cssRules].length) {
clearInterval(timeout_id);
that.onStyleReset();
}
}, 10)
})();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.