Smikkelbakje/J2S1-Kobuki
1
0
Fork 0
mirror of https://gitlab.fdmci.hva.nl/technische-informatica-sm3/ti-projectten/rooziinuubii79.git synced 2025-08-05 12:54:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

update image refresh logic to be more optimized

Browse Source
This commit is contained in:
Sam Hos
2025-01-15 16:32:23 +01:00
parent 3bb44ad4ab
commit 7b51330675
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/Python/flask/web/static/script.js
View File

@@ -43,19 +43,21 @@ document.addEventListener("DOMContentLoaded", function() {
for (const [key, value] of Object.entries(data)) { for (const [key, value] of Object.entries(data)) {
const dataElement = document.createElement("p"); const dataElement = document.createElement("p");
dataElement.textContent = `${key}: ${value}`; dataElement.textContent = `${key}: ${value}`;
sensorDataContainer.appendChild(dataElement); // Voeg het element toe aan de container sensorDataContainer.appendChild(dataElement); // Add the element to the container
} }
} }
// Update the image // Update the image
function updateImage() { async function updateImage() {
var img = document.getElementById("robot-image"); let img = document.getElementById("robot-image");
img.src = "/image?" + new Date().getTime(); // Add timestamp to avoid caching img.src = "/image?" + new Date().getTime(); // Add timestamp to avoid caching
// Wait for 200 milliseconds before fetching the next image
setTimeout(updateImage, 200);
} }
// Fetch and display sensor data every 1 second // Fetch and display sensor data every 1 second
setInterval(parseData, 1000); setInterval(parseData, 1000);
// Update the image every 200 milliseconds // Start updating the image
setInterval(updateImage, 100); updateImage();
}); });