simon
/
aqi_monitor
mirror of https://github.com/bbilly1/aqi_monitor.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refreshing current.png on an interval with query string

This commit is contained in:
simon 2021-03-14 12:33:02 +07:00
parent 1ec5023c53
commit 74972282af
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/nginx/index.php
View File

@ -111,8 +111,8 @@
<div class="graph2 content">
<div class="graph_item">
<h3 id="last3">Last three hours</h3>
<a href="/dyn/current.png" data-lightbox="graph">
<img src="/dyn/current.png" alt="current">
<a href="/dyn/current.png" data-lightbox="graph" id="last3-a">
<img src="/dyn/current.png" alt="current" id="last3-img">
</a>
</div>
<div class="graph_item">

10
frontend/nginx/js/aqi.js
View File

@ -2,6 +2,7 @@
const startInterval = async () => {
await refreshAqiValues();
setInterval("refreshAqiValues();",60000);
setInterval("refreshImg();",300000);
await new Promise(resolve => setTimeout(resolve, 1000));
rmPreload();
}
@ -67,6 +68,15 @@ function rmPreload() {
topBar.style.position = '-webkit-sticky';
}
// reload current.png from remote
function refreshImg() {
var timestamp = new Date().getTime();
var newLink = "/dyn/current.png?t=" + timestamp;
var lastThreeImg = document.getElementById('last3-img');
var lastThreeA = document.getElementById('last3-a');
lastThreeImg.src = newLink;
lastThreeA.href = newLink;
}
// wrap for interval
function refreshAqiValues() {