Javascript 如何使addEventListener同步

Javascript 如何使addEventListener同步,javascript,jquery,asynchronous,event-handling,synchronization,Javascript,Jquery,Asynchronous,Event Handling,Synchronization,当窗口加载带有类的div时,预加载不会随着转换0.5s而消失;它立即消失。我想先用0.5s的转换消失,然后添加显示无 window.addEventListener('load', () => { $('.preload').css({ 'opacity': '0', 'transition': '0.5s' }); }); $('.preload').css('display': 'none'); 我认为这是实现这

当窗口加载带有类的div时,预加载不会随着转换0.5s而消失;它立即消失。我想先用0.5s的转换消失,然后添加显示无

window.addEventListener('load', () => {
      $('.preload').css({
         'opacity': '0',
         'transition': '0.5s'
      });
   });
   $('.preload').css('display': 'none');

我认为这是实现这一目标的最短途径
fadeOut
是一种jquery方法,它为淡入效果创建动画,并在元素完全淡入时将
display
设置为
none
。该参数是
转换的时间,单位为
毫秒

检查此处的淡出
fadeOut

$(窗口).on('load',()=>{
$('.preload')。衰减(500);
});
html,正文{
保证金:0;
}
.预载{
高度:200px;
宽度:100vw;
背景:红色;
}


我可以看到html吗?欢迎来到Stack Overflow。请查看如何使用所有相关代码创建一个,以重现问题,这样我们就可以看到哪里出了问题并能够提供帮助。看起来您正在寻找@Samandaryuspov我很高兴我能提供帮助。别忘了投票并把答案标对。快乐编码:)