Сделала анимацию: привидение появляется и исчезает. Причем время его присутствия меньше, чем отсутствия, чего я и добивалась.
Но время присутствия не поддается регулированию, а, такое впечатление, что зависит от времени всего интервала t
var t = setInterval(function appear(){
var ghost = document.getElementById("ghost");
if (ghost.style.display == "none")
{ghost.style.display = "block";}
else
{var t1 = setTimeout(function disappear(){
ghost.style.display = "none";
}, 1)}
}, 6000)
Исчезнуть оно должно по функции t1
. Хочется сделать еще меньше. Задержка t1
урезана до 1 мс, но никакой реакции. Отчего это?
var t = setInterval(function appear() {
var ghost = document.getElementById("ghost");
if (ghost.style.display == "none") {
ghost.style.display = "block";
} else {
var t1 = setTimeout(function disappear() {
ghost.style.display = "none";
}, 1)
}
}, 6000)
body {
background: black url(https://s.cdpn.io/16327/texture_bg.jpg) no-repeat 50% 0px;
}
#ghost {
position: absolute;
left: 25%;
display: none;
}
<img id="ghost" src="https://i.stack.imgur.com/nrYtc.png" width="280">