This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | |||
|
redecomep:clientes:fiocruz [2025/11/24 19:10] paulo.cruz removed |
— (current) | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ===== FIOCRUZ ===== | ||
| - | <html> | ||
| - | <div class="grafico-container"> | ||
| - | <img src="https://librenms.dcc.ufmg.br//graph.php?height=100&width=500&id=14148&type=port_bits&legend=yes"/> | ||
| - | <div style="font-size: 12px; color: #555;"> | ||
| - | Última atualização: <span class="timestamp"></span> | ||
| - | </div> | ||
| - | </div> | ||
| - | </html> | ||
| - | |||
| - | <html> | ||
| - | <script> | ||
| - | function atualizarTodosOsGraficos() { | ||
| - | const todosOsGraficos = document.querySelectorAll('.grafico-container'); | ||
| - | const agora = new Date(); | ||
| - | const textoFormatado = agora.toLocaleString('pt-BR'); | ||
| - | |||
| - | todosOsGraficos.forEach(grafico => { | ||
| - | const imagem = grafico.querySelector('img'); | ||
| - | const spanTimestamp = grafico.querySelector('.timestamp'); | ||
| - | const baseUrl = imagem.src.split('?d=')[0]; | ||
| - | |||
| - | // Remove o // duplo da URL para evitar problemas | ||
| - | const cleanBaseUrl = baseUrl.replace(/([^:]\/)\/+/g, "$1"); | ||
| - | | ||
| - | imagem.src = cleanBaseUrl + '?d=' + agora.getTime(); | ||
| - | spanTimestamp.innerHTML = textoFormatado; | ||
| - | }); | ||
| - | } | ||
| - | |||
| - | // Espera a página carregar completamente antes de rodar o script | ||
| - | document.addEventListener('DOMContentLoaded', function() { | ||
| - | atualizarTodosOsGraficos(); | ||
| - | setInterval(atualizarTodosOsGraficos, 10000); // 10 segundos | ||
| - | }); | ||
| - | </script> | ||
| - | </html> | ||