Как удалить фоновое изображение через 5 секунд?

Question

Исмаил

javascript

Как удалить фоновое изображение через 5 секунд?

Привет всем! У меня возникла проблема: я пытаюсь скрыть фоновое изображение в читалке во время загрузки. Похоже, что нужно сделать несколько мелких правок, но я не уверен, что именно. Можете подсказать, что исправить? <br/> <br/> Вот ссылка на страницу: <a href="https://jurnali-vsem.ru/zhenskie_zhurnaly/svaty-21-noyabr-2024.html" rel="nofollow">https://jurnali-vsem.ru/zhenskie_zhurnaly/svaty-21...</a> <br/> И вот мой код: <br/> <pre><code class="javascript">&lt;script&gt;
var iframe = function() {
    var iframe = document.getElementById('iframe');

    iframe.style.display = 'block';

    setTimeout(function() {
        iframe.style.display = 'none';
    }, 5000);
};
&lt;/script&gt;</code></pre>

14 ноября 2024 г. 9:13

Ответы на вопрос 2

Похожие вопросы

Answer 1

Чтобы скрыть фоновое изображение (или сам элемент, который неправильно отобразился) через 5 секунд после загрузки, вам нужно немного изменить ваш код. Прежде всего, убедитесь, что вы скрываете именно то, что нужно, и используете правильные методы для запуска кода после загрузки страницы.

Вот пример кода, который позволит вам скрыть элемент через 5 секунд после полной загрузки страницы:

```html
<script>
window.onload = function() {
    var iframe = document.getElementById('iframe');
    
    // Проверка, существует ли элемент
    if (iframe) {
        iframe.style.display = 'block';  // Показываем элемент (если требуется)
        
        setTimeout(function() {
            iframe.style.display = 'none'; // Скрываем элемент через 5 секунд
        }, 5000);
    } else {
        console.error('Элемент с ID "iframe" не найден.');
    }
};
</script>
```

Здесь я использовал `window.onload`, чтобы убедиться, что код выполняется только после полной загрузки страницы. Также добавил проверку на существование элемента с id `iframe`, чтобы избежать ошибок в случае отсутствия элемента на странице.

1. Убедитесь, что у вас есть элемент с нужным ID на странице (например, `<div id="iframe">...</div>`).
2. Если вам нужно скрыть фоновое изображение, возможно, лучше будет использовать CSS для этого, назначив класс вашему элементу с изображением.
3. Если HTML-код у вас также содержит фоновое изображение, вы можете скрыть его, изменив свойство `background-image` через JavaScript аналогичным способом:

```javascript
document.body.style.backgroundImage = "none"; // Убираем фоновое изображение
```

Пожалуйста, проверьте, чтобы все изменения работали так, как вы ожидаете!

Answer 2

Нашел!  Надо было сделать так! 
 <script>
 setTimeout(function() {
        iframe.style.display = 'none';
    }, 10000);
</script>