фон слоя по времени
Здравствуйте!
Как создать слой который будет появляться при загрузке страницы и исчезать после 10 сек.? начало так if (document.getElementById(video-background).style.display == 'none') document.getElementById(video-background).style.display = 'block'; else document.getElementById(video-background).style.display = 'none'; не работает |
video-background в кавычки
|
не работает
|
<div>Content</div> <div id="overlay">Overlay</div> <style> #overlay{ display:none; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto; background:rgba(255,255,255,.5); padding:30px; } #overlay.open{ display:block; } </style> <script> (function(){ const overlay=document.getElementById('overlay'); overlay.classList.add('open'); setTimeout(()=>overlay.classList.remove('open'),10*1000); })(); </script> |
не работает что не так
<script type="text/javascript" > (function(){ const videobackground=document.getElementById('videoback ground'); videobackground.classList.add('open'); setTimeout(()=>videobackground.classList.remove('o pen'),10*1000); }); </script> #videobackground { display:none; } #videobackground.open{ display:block; } <div id="videobackground" class="video-background"> </div> |
Sergey39,
document.addEventListener('DOMContentLoaded',function(){ const overlay=document.getElementById('overlay'); overlay.classList.add('open'); setTimeout(()=>overlay.classList.remove('open'),10*1000); }); |
так работает, спасибо!
|
плавное закрытие возможно?
|
Sergey39, возможно.
|
как?)
|
Часовой пояс GMT +3, время: 23:48. |