decentral1se/pandora
1
0
Fork 0
forked from 0x2620/pandora
Code Issues Pull requests Projects Releases Wiki Activity

Only setInterval once to animate the loading icon (fixes #2888)

Browse source 
(On Chrome, at least,) window.onload() is called once by hand, and once
by the browser. This ends up calling setInterval() twice. When
stopAnimation() is called later, only the second interval is cleared; so
the first one keeps firing forever. Mostly harmless but unnecessary.

Only the first hunk of this patch is really needed, but making
startAnimation() / stopAnimation() idempotent can't hurt.
This commit is contained in:
Will Thompson 2016-02-25 10:57:04 +00:00 committed by j
parent fd2c69a5b7
commit 7d99950942
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static/js/pandora.js
View file

@ -188,10 +188,14 @@ appPanel
loadingScreen.appendChild(images.loadingIcon); loadingScreen.appendChild(images.loadingIcon);
// FF3.6 document.body can be undefined here // FF3.6 document.body can be undefined here
var onloadCalled = false;
window.onload = function() { window.onload = function() {
if (!onloadCalled) {
onloadCalled = true;
document.body.style.margin = 0; document.body.style.margin = 0;
document.body.appendChild(loadingScreen); document.body.appendChild(loadingScreen);
startAnimation(); startAnimation();
}
}; };
// IE8 does not call onload if already loaded before set // IE8 does not call onload if already loaded before set
document.body && window.onload(); document.body && window.onload();
@ -556,6 +560,10 @@ appPanel
} }
function startAnimation() { function startAnimation() {
if (animationInterval !== undefined) {
return;
}
var css, deg = 0, loadingIcon = document.getElementById('loadingIcon'), var css, deg = 0, loadingIcon = document.getElementById('loadingIcon'),
previousTime = +new Date(); previousTime = +new Date();
animationInterval = setInterval(function() { animationInterval = setInterval(function() {
@ -573,7 +581,10 @@ appPanel
} }
function stopAnimation() { function stopAnimation() {
if (animationInterval !== undefined) {
clearInterval(animationInterval); clearInterval(animationInterval);
animationInterval = undefined;
}
} }
}()); }());