Start text with 100% opacity

Ask the community
,
1

I want to have text elements start either hidden or with 100%opacity and after 13 seconds show or have 0% opacity. I know how to hide and show elements but there is a delay maximum of 8000 ms. I need to wait for a video to finish and the video is 13 seconds. How can I best accomplish this

2 
setTimout(() => $w('#text').hide(), 13000);

And if you wish to make it show up gradually (make it shown all the time and change the color opacity bycode):

let opacity = 0;
const totalTimeInMs = 13000;
const intervalInMs = 100;
$w.onReady(() => {
const interval = setInterval(showText, intervalInMs);
function showText(){
if(opacity === 1){clearInterval(interval);}
opacity += intervalInMs/totalTimeInMs ;
$w('#text').html = `<p style="color=rgba(0,0,0,${opacity})">${$w('#text').text}</p>`
});
})

[UPDATED]