Спрячьте div в колбе

#javascript #html #flask #jinja2

Вопрос:

Я создаю веб-сайт с колбой на python. И я хочу скрыть некоторые div с классом=’alert-предупреждение на странице 4 секунды позже, когда div будет загружен. Но у меня нет опыта работы с JavaScript, поэтому я не могу этого сделать. Это код моего div:

     {% for message in get_flashed_messages() %}
        <div class='alert-warning' id='{{message[:4]}}'>
            <p class="alert-content" id='{{message[:4]}}'>
                {{message}}
            </p>
        </div>
    {% endfor %}
 

Короче говоря, мне нужна помощь, чтобы скрыть предупреждение о предупреждении за четыре секунды.

Комментарии:

1. Вы на правильном пути, для этого вам нужен JavaScript. Итак, вы искали «javascript скрыть div после задержки»?

Ответ №1:

Попробуйте сделать это с помощью функции setTimeout

 setTimeout(function() {
    $('#successMessage').fadeOut('fast');
}, 4000); // Time in milliseconds