Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Крючков and Гагарин</title>
    <style>
        body { text-align: center; font-family: sans-serif; background: linear-gradient(to bottom, #1e5799, #7db9e8); color: #333; }
        img { max-width: 80%; height: auto; margin-top: 200px; border-radius: 8px; }
    </style>
</head>
<body>

    <h1>Крючков and Гагарин</h1>
    
    <img id="liveImage" src="screen.jpg" alt="Мониторинг">

    <script>
        // Функция для обновления картинки каждые 3 секунды
        setInterval(function() {
            var img = document.getElementById('liveImage');
            // Добавляем случайный параметр (таймстамп), чтобы браузер не брал картинку из кэша, а качал заново
            img.src = 'screen.jpg?t=' + new Date().getTime();
        }, 3000); // 3000 миллисекунд = 3 секунды
    </script>

</body>
</html>