Функция setInterval
Данная функция предназначена для выполнения кода через определенный интервал времени.
Интервал времени указывается в милисекундах: 1000 = 1 секунда. Первый аргумент setInterval - функция (без вызова) выполняющая
код, второй аргумент - интервал по истечению которого будет выполняться функция переданная в первом аргументе.
Функция setInterval выполняется, пока не будет удалена.
let spanText = document.querySelector('#spanText')
document.querySelector('#setTimeout').addEventListener('click', ()=>{
let op=0
let opacity = setInterval(
()=>{
if(op<1){
spanText.style.opacity=op
op+=0.1
op=parseFloat(op.toFixed(1))
}else{
clearInterval(opacity)
}
}, 100)
})
op.toFixed(1) оставляет 1 знак после точки;
parseFloat() преобразует полученный результат в число после применения op.toFixed(1);
let opacity имя интервала;
clearInterval(opacity) удаляет интервал с именем opacity.