How to apply a DELAY TO ELEMENTS in GreatPages

To add an opening delay to a specific element, follow the tutorial below:

Access the page editor;
Click the gear icon located in the top right corner of your screen, and then click on "Javascript/CSS";

Then, click on Adicionar código;

Give your code a name, classify it as "Funcionamento" and then insert the entire code below into the text field;

<script>
/* Preencher abaixo com o(s) elemento(s) que deseja mostrar após 5s. */
var elementos =  ['e_0000001','e_0000002'];

for(i=0;i < elementos.length;i++){document.getElementById(elementos[i]).style.display = 'none';}

/* Tempo em 5 segundos */
var tempo_elementos_abrir = 5;

/** Variáveis de controle NÃO ALTERAR **/
var intervalo_elementos;
var tempo_elementos = 0;
intervalo_elementos = setInterval(MostrarElementos, 1000);

function MostrarElementos() {
    tempo_elementos++;
    console.log('Executou: ',tempo_elementos);
    if (tempo_elementos >= tempo_elementos_abrir) {
        for (var i = 0; i < elementos.length; i++) {
            $('#' + elementos[i]).removeClass('esconder_mobile esconder_desktop').css({
                'display': 'block'
            });
        }
        tempo_elementos = null;
        clearInterval(intervalo_elementos);
        GreatLoader('atualizar');
    }
}
</script>

element delay

After that, you will need to identify and copy the ID (identifier) of the element you want to appear on the page after a certain time. To identify the ID of an element, follow the next steps;
Click on "Pré-visualizar" in the top right corner of your screen;

Now, with the right mouse button you will need to click on the element you want to apply the delay to and select the "Inspect element" option;

A box will open on the right side of the screen where you will have to identify which is the ID of the element, which in the GreatPages code pattern will look like this: "e_000000" or "e_000000_0_000000000000000000".

After that, copy this identifier and save it for the next step;

Go back to the "Javascript & CSS" tab, inside the page editor, open the code you added and replace the sample ID with the ID of your element. Do not add any extra characters;

element id

Also change the opening time of this element in the field indicated below. Keep in mind that this time is counted in Seconds;

Once that's done, save the changes and publish your page.

Still have questions? Reach out to our support team. We're always here to help!

Updated on: 08/01/2026

Was this article helpful?

Thank you!