Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.11.2015, 15:10
Новичок на форуме
Отправить личное сообщение для Anfisunka Посмотреть профиль Найти все сообщения от Anfisunka
 
Регистрация: 13.09.2014
Сообщений: 9

Удаление элемента через секунду после появления
$("body").append("<div class='poof' style='top: " + margintop + "px; left: " + marginleft + "px'></div>");

Вот так через рандомный промежуток времени, больше или меньше секунды, создаю блок с абсолютным позиционированием. Мне нужно, чтобы каждый такой блок ровно через секунду удалялся (либо скрывался, не важно). Как это осуществить?
Ответить с цитированием
  #2 (permalink)  
Старый 13.11.2015, 15:40
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

Anfisunka,
так?
<!DOCTYPE html>
<html>
<head lang="en">
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <meta charset="UTF-8">
    <title>
    </title>
    <style>
        div {
            border: 1px solid black;
            height: 20px;
        }

    </style>
</head>
<body>
 
<script>

    var div = "<div class='poof' style='top: " + 10 + "px; left: " + 10 + "px'></div>";
            $("body").append(div);
            setTimeout(function () {
                $('.poof')[0].remove();
            }, 2000)



</script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 13.11.2015, 15:58
Новичок на форуме
Отправить личное сообщение для Anfisunka Посмотреть профиль Найти все сообщения от Anfisunka
 
Регистрация: 13.09.2014
Сообщений: 9

Так ведь появляются блоки этого класса в разное время, и их много. Возможен такой вариант, что предыдущий блок ещё не удалился, а новый уже появился, тогда новый блок исчезнет раньше?
Ответить с цитированием
  #4 (permalink)  
Старый 13.11.2015, 16:18
Аспирант
Посмотреть профиль Найти все сообщения от pnpquest
 
Регистрация: 09.11.2015
Сообщений: 94

Сообщение от Anfisunka
Возможен такой вариант, что предыдущий блок ещё не удалился, а новый уже появился, тогда новый блок исчезнет раньше?
Ну так это же напрямую зависит от таймаута. Возможен, в принципе, если диапазон таймаута это позволит. А Вас это смущает? По Вашей задумке блоков всегда должно быть одинаковое количество?
Ответить с цитированием
  #5 (permalink)  
Старый 13.11.2015, 23:25
Новичок на форуме
Отправить личное сообщение для Anfisunka Посмотреть профиль Найти все сообщения от Anfisunka
 
Регистрация: 13.09.2014
Сообщений: 9

Блоков отображаться может сколько угодно, а вот если удаляться они будут одновременно, будет плохо.
Ответить с цитированием
  #6 (permalink)  
Старый 14.11.2015, 00:52
Новичок на форуме
Отправить личное сообщение для Anfisunka Посмотреть профиль Найти все сообщения от Anfisunka
 
Регистрация: 13.09.2014
Сообщений: 9

...Всё, я поняла. Спасибо за помощь
Долго же до меня доходило.
Ответить с цитированием
  #7 (permalink)  
Старый 14.11.2015, 19:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,311

Anfisunka,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body,html{
     height: 100%;

  }
  body{
    position: relative;
  }

  .poof {
    background: #FFCC00;
    width: 50px;
    height: 50px;
    position: absolute;
  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $("body");
       s.click(function(event) {
         var div = $("<div/>",{css : {top: event.clientY - 30 + "px", left: event.clientX - 30 + "px"}, "class" : "poof"});
         div.appendTo(s).delay(1000).show(function() {
      div.remove()
})
      });
});

  </script>
</head>

<body>

Click on the body anywhere

</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение содержимого элемента каждой строки в представлении после render hummingbird Backbone.js 1 22.03.2014 15:22
Браузер не успевает определить высоту вновь созданного через XMLHttpRequest элемента Lockpickup AJAX и COMET 17 25.04.2011 16:58
Как менять позицию элемента? Заданую через position:absolute; left:100px; top:200px; aRpi Общие вопросы Javascript 3 24.04.2011 07:42
Передача полю объекта - массиву, значения элемента через set метод poorking Общие вопросы Javascript 1 13.02.2011 19:22
Подгрузка элемента из div через Appendto Vitaly jQuery 5 24.06.2009 09:54