teste
/
testes
Template
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

Atualização 8 - aplicação da tela de load

This commit is contained in:
daivid.alves 2024-10-17 18:15:10 -03:00
parent 7196ff16ef
commit e0b6eff1b9
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
js/Ambiente/Estrutura/load.js
View File

@ -11,7 +11,13 @@ function verificarAmbiente() {
} }
elemento_2 = '<canvas id="animationCanvas"></canvas>'; elemento_2 = '<canvas id="animationCanvas"></canvas>';
tela_laod.innerHTML = '<div class="teste"><h1>' + elemento_1 + '</h1> ' + elemento_2 + ' </div>'; tela_laod.innerHTML = '<div class="teste"><h1>' + elemento_1 + '</h1>' + elemento_2 + '</div>';
// Inicia a animação após configurar o canvas
iniciarAnimacao();
// Inicia a contagem para limpar a tela após 3 segundos
finalizar();
} }
function finalizar() { function finalizar() {
@ -21,14 +27,6 @@ function finalizar() {
}, 3000); }, 3000);
} }
window.addEventListener('DOMContentLoaded', iniciarAnimacao)
window.addEventListener('load', () => {
finalizar();
});
function iniciarAnimacao() { function iniciarAnimacao() {
const canvas = document.getElementById('animationCanvas'); const canvas = document.getElementById('animationCanvas');
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
@ -84,3 +82,6 @@ function iniciarAnimacao() {
circle.centerY = canvas.height / 2; circle.centerY = canvas.height / 2;
}); });
} }
// Executa verificarAmbiente apenas uma vez após o carregamento total da página
window.addEventListener('load', verificarAmbiente);