<!DOCTYPE html>
<html>
<head>
<title>Показ URL-ссылок</title>
</head>
<body>
<h1>Показ URL-ссылок</h1>
<label for="urlList">Введите перечень URL-ссылок (через запятую):</label>
<input type="text" id="urlList">
<br>
<label for="interval">Введите интервал между сменой ссылок (в секундах):</label>
<input type="number" id="interval" min="1">
<br>
<button onclick="startSlideshow()">Начать слайд-шоу</button>
<div id="displayArea"></div>
<script>
let currentIndex = 0;
let intervalId;
function startSlideshow() {
const urlListInput = document.getElementById("urlList");
const intervalInput = document.getElementById("interval");
const displayArea = document.getElementById("displayArea");
const urlList = urlListInput.value.split(",");
const interval = parseInt(intervalInput.value) * 1000;
currentIndex = 0;
async function showNextURL() {
const currentURL = urlList[currentIndex];
if (currentURL) {
try {
// Создаем временный элемент <div> для загрузки URL-ссылки
const tempDiv = document.createElement("div");
// Загружаем URL-ссылку асинхронно
const response = await fetch(currentURL);
if (response.ok) {
// Получаем текстовое содержимое ответа
const content = await response.text();
// Вставляем полученное содержимое во временный элемент
tempDiv.innerHTML = content;
// Очищаем displayArea и добавляем содержимое из временного элемента
displayArea.innerHTML = '';
displayArea.appendChild(tempDiv);
} else {
console.error("Не удалось загрузить URL:", currentURL);
}
} catch (error) {
console.error("Ошибка запроса:", error);
}
currentIndex = (currentIndex + 1) % urlList.length;
} else {
clearInterval(intervalId);
displayArea.innerHTML = "Закончились ссылки.";
}
}
clearInterval(intervalId); // Очищаем предыдущий интервал, если есть
showNextURL(); // Показываем первую ссылку сразу
intervalId = setInterval(showNextURL, interval); // Устанавливаем интервал для переключения
}
</script>
</body>
</html>