overhaul of displaying at '/'

This commit is contained in:
Edhueppe 2023-02-22 12:49:42 +01:00
parent ed9194ff9e
commit 4b3181f1b8
2 changed files with 36 additions and 66 deletions

View File

@ -199,46 +199,44 @@ app.get('/', async (_, res) => {
</div> </div>
{<script dangerouslySetInnerHTML={{__html:` {<script dangerouslySetInnerHTML={{__html:`
let intervalIds = []; let intervalIds = [];
function runIntervals() { fetch('http://localhost:3000/code')
setInterval(function() { .then(function(response) {
intervalIds.forEach(clearInterval); return response.json();
intervalIds = []; })
let min = 0; .then(function(data) {
let n = 1; function runIntervals() {
let max = 5; setInterval(function() {
let perso = Math.floor(Math.random() * (max - min + 1) + min); intervalIds.forEach(clearInterval);
let imgElement = document.getElementById(perso); intervalIds = [];
// let base = base[perso] let min = 0;
// console.log(base) let n = 1;
if (imgElement){ let max = 5;
intervalIds.push(setInterval(function() { let perso = Math.floor(Math.random() * (max - min + 1) + min);
fetch('http://localhost:3000/code') let imgElement = document.getElementById(perso);
.then(function(response) { if (imgElement){
return response.json(); intervalIds.push(setInterval(function() {
})
.then(function(data) {
// let min = 1;
// let max = 5;
let anim = n++; let anim = n++;
let gg = (data[perso][anim])
let imgElement = document.getElementById(perso); if(gg === undefined){
imgElement.src = (data[perso][n]); anim = 0
if(imgElement.src === undefined){
imgElement.src = data[perso][0];
} }
setTimeout(function() { let imgElement = document.getElementById(perso);
imgElement.src = data[perso][0]; imgElement.src = (data[perso][anim]);
}, 4000); console.log(gg)
});
}, 1000)); }, 5000));
}
setTimeout(function(){
imgElement.src = (data[perso][0])
}, 29000);
}, 30000);
} }
}, 5000); function stopIntervals() {
} intervalIds.forEach(clearInterval);
function stopIntervals() { intervalIds = [];
intervalIds.forEach(clearInterval); }
intervalIds = []; runIntervals();
} });
runIntervals();
`}}></script> } `}}></script> }
</div> </div>
</> </>

30
test.js
View File

@ -1,29 +1 @@
let intervalIds = []; setTimeout((imgElement.src = (data[perso][0])), 9000);
function runIntervals() {
intervalIds.push(setInterval(function() {
let min = 0;
let max = 5;
let perso = Math.floor(Math.random() * (max - min + 1) + min);
let imgElement = document.getElementById(perso);
if (imgElement){
intervalIds.push(setInterval(function() {
fetch('http://localhost:3000/code')
then(function(response) {
return response.json();
})
.then(function(data) {
let perso = Math.floor(Math.random() * (max - min + 1) + min);
let imgElement = document.getElementById(perso);
imgElement.src = (data[1][0]);
});
}, 1000));
}
}, 5000));
}
function stopIntervals() {
intervalIds.forEach(clearInterval);
intervalIds = [];
}
runIntervals();