Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
3.2 kB
3
Indexable
Never
<!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>