У вас изначально св-во opacity
не задано, соответственно при приведении к числу оно становится равным 0 сразу.
Нужно либо задать свойство opacity
изначально:
const loader = document.getElementById('page-preloader');
const interval = setInterval(() => {
loader.style.opacity -= 0.01;
if (loader.style.opacity==0) clearInterval(interval);
}, 10);
#page-preloader{
width: 50px;
height: 50px;
background: black;
}
<div style="opacity: 1" id="page-preloader"></div>
Либо вводить дополнительную переменную:
const loader = document.getElementById('page-preloader');
let opas = 1;
const interval = setInterval(() => {
opas -= 0.01;
loader.style.opacity = opas;
if (opas == 0) clearInterval(interval);
}, 10);
#page-preloader{
width: 50px;
height: 50px;
background: black;
}
<div id="page-preloader"></div>