JS. Как “заспавнить” печеньку

293
13 мая 2017, 20:21

Совершенно не могу понять как заспавнить печеньку(картинку) и затем убрать ее через пару секундa. В куки кликере при клике спавнятся печеньки которые затем падают вниз и исчезают, нужно что-то подобное.

Answer 1

Если речь идет про "картинку", то:

HTML :

<img src="путь_к_картинке" id="#cookie">

CSS :

img { display:none };

JS:

//отображение картинки с id "cookie"
document.getElementById("cookie").style.display = "inline-block";
//через 2 секунды (2000 миллисекунд, можно изменить в setTimeout) она пропадет
setTimeout(function() { document.getElementById("cookie").style.display = "none" }, 2000);

Тот же код на Jquery:

$("#cookie").show();
setTimeout(function() { $("#cookie").hide(); }, 2000);

А вообще нужно больше информации.

Answer 2

Если речь про установку и удаление Cookies, то можно сделать так. Для начала вот код функций установки и удаления Cookies.

Установка:

function set_cookie(name, value, exp_y, exp_m, exp_d, path, domain, secure) {
  var cookie_string = name + "=" + escape ( value );
  if (exp_y) {
    var expires = new Date ( exp_y, exp_m, exp_d );
    cookie_string += "; expires=" + expires.toGMTString();
  }
  if (path) cookie_string += "; path=" + escape ( path );
  if (domain) cookie_string += "; domain=" + escape ( domain );
  if (secure) cookie_string += "; secure";
  document.cookie = cookie_string;
}

Удаление:

function delete_cookie(cookie_name) {
  var cookie_date = new Date ( );  // Текущая дата и время
  cookie_date.setTime ( cookie_date.getTime() - 1 );
  document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}

Далее устанавливаем и удаляем Cookies через пару секунд после установки:

set_cookie(cookie_name, cookie_value)
setTimeout(function() {
    function delete_cookie(cookie_name);
}, 2000);
READ ALSO
Horizontal Scroll menu

Horizontal Scroll menu

Нужно зделать прокручеваное горизонтальное меню:

275
jquery datetimepicker

jquery datetimepicker

Как из обычного popup календаря сделать постоянно видимый календарик с отображением времениТипа этого

258
Есть ли замена FrontPage? [требует правки]

Есть ли замена FrontPage? [требует правки]

Уважаемые коллеги, у меня такая проблема: я делаю первый проект на JS+CSS, и я не знаю CSS совсемВ связи с этим - вопрос: Когда то была такая программа...

261
Как подключить animate.css в карусель owl или slick?

Как подключить animate.css в карусель owl или slick?

Добрый день! Подскажите, как настроить карусель owl вместе с animatecss, чтобы эффект при инициализацие и прокрутке был как на этой странице в разделе...

272