Javascript 如何使addEventListener同步
当窗口加载带有类的div时,预加载不会随着转换0.5s而消失;它立即消失。我想先用0.5s的转换消失,然后添加显示无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'); 我认为这是实现这
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我很高兴我能提供帮助。别忘了投票并把答案标对。快乐编码:)