Скрыть/удалить тег через X секунд с помощью jquery

Мне интересно, как я могу скрыть/удалить тег через определенное время. Есть ли какая-то встроенная вещь или я использую threading (если javascript может это сделать?)

Ответ 1

Вам даже не нужно jQuery для части "5 секунд": встроенная функция setTimeout встроенного JavaScript будет делать трюк. Включая jQuery для манипуляции с DOM, вы получаете:

setTimeout(function() {
  $("#the-tag-you-want-to-remove").remove();
}, 5000);

Здесь 5000 составляет 5000 миллисекунд или 5 секунд. Вы можете передать setTimeout существующую функцию или (как в этом случае) анонимную функцию.

Ответ 2

Попробуйте использовать функцию .delay()

http://api.jquery.com/delay/

Ответ 3

window.setTimeout( hideTagFn, 5000);

function hideTagFn(){

   $('#someElementId').hide();
}

Ответ 4

Это почти похоже на приведенные выше ответы, но в этом примере вам просто нужно скопировать его и вставить в свой редактор, тогда он будет работать.

<hmtl>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>
$(document).ready(function(){
  $('.showupAfter8seconds').hide();
  setTimeout(function(){
    $('.showupAfter8seconds').show();
  },8000);
});
    </script>
  </head>
  <body>
    <div class="showupAfter8seconds">
      <h1>I was hidden for 8 seconds</h1>
    </div>

  </body>
</html>