Fade-in and fade-out multiple objects on homepage

Ask the community
,
10

@manuelapblanco
Ok, let’s make things be very very simple.
I think Ahmads GOOD suggestion is a little bit more difficult to understand for a newbie.

OK, you have 3-sentences right?
Let’s define them… here we go…

let sentence1 = $w('#text26')
let sentence2 = $w('#text86')
let sentence3 = $w('#text96')


setTimeout(()=>{ sentence1.hide('fade'), sentence2.show('fade')},5000) 

setTimeout(()=>{sentence2.hide('flip'), sentence3.show('flip')},10000) 

setTimeout(()=>{sentence3.hide('float'), $w('#button1).show('bounce')},15000)

Put everything into the “onReady”-function…

$w.onReady(()=>{

})

RESULT:

$w.onReady(()=>{
    let sentence1 = $w('#text26')
    let sentence2 = $w('#text86')
    let sentence3 = $w('#text96')
    let myButton = $w('#button1'))
    
    setTimeout(()=>{ sentence1.hide('fade'), sentence2.show('fade')},5000) 
    setTimeout(()=>{sentence2.hide('flip'), sentence3.show('flip')},10000) 
    setTimeout(()=>{sentence3.hide('float'), myButton.show('bounce')},15000) 
})

It’s just a quick example. Probably you have to change the right sequence by your own. This should be a good practise for you.