> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# (Via código) Como aplicar DELAY em ELEMENTOS no GreatPages

Para adicionar um **tempo de demora de abertura (delay) em um elemento específico** siga o tutorial abaixo:

1. Acesse o editor de páginas;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_98w417.png =650x385)

2. Clique no **Ícone de engrenagem** localizado no canto superior direito da sua tela, e em seguida clique em **"Javascript/CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1ljaqkv.png =650x182)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_i4yhdn.png =650x407)

3. Em seguida, clique em **Adicionar código**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1218mm2.png =650x414)

4. Dê um nome para o seu código, classifique ele como **"Funcionamento"** e em seguida inseria todo o código abaixo no campo de texto; 

```
<script>
/* Cole o Seletor CSS do elemento — pode ser com ou sem "#" */
var elementos = ['#e_0000001','#e_0000002'];


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

/** NÃO ALTERAR DAQUI PRA BAIXO **/
var alvos = [];
elementos.forEach(function (sel) {
  var base = String(sel).replace(/^#/, '').replace(/_(d|m)$/, '');
  var achados = ['', '_d', '_m']
    .map(function (sufixo) { return document.getElementById(base + sufixo); })
    .filter(Boolean);
  if (!achados.length) console.warn('[delay] Nenhum elemento encontrado para:', sel);
  alvos = alvos.concat(achados);
});

alvos.forEach(function (el) { el.style.display = 'none'; });

var tempo_elementos = 0;
var intervalo_elementos = setInterval(function () {
  tempo_elementos++;
  if (tempo_elementos >= tempo_elementos_abrir) {
    alvos.forEach(function (el) {
      $(el).removeClass('esconder_mobile esconder_desktop').css({ 'display': 'block' });
    });
    clearInterval(intervalo_elementos);
    GreatLoader('atualizar');
  }
}, 1000);
</script>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-11-as-_5wk7f9.png =650x738)

Depois disso, você precisará identificar e copiar o ID (identificador) do elemento que deseja que apareça na página depois de um determinado tempo.

5. Clique novamente em **"Editar"** no elemento; 

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_4qm0wu.png =650x356)

6. Em seguida localize o menu **"Código"** e clique para copiar o ID no campo **"Seletor CSS do elemento"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-11-as-_18ngd0g.png =650x537)

Após isso, copie este identificador e guarde-o para o próximo passo.

7. Volte até a aba **"Javascript & CSS"**, dentro do editor de páginas, abra o código que você adicionou e substitua o ID de exemplo, pelo ID do seu elemento. **Não adicione nenhum caractere a mais**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1pdkutz.png =650x557)

8. Altere também o tempo de abertura deste elemento no campo indicado abaixo. Lembrando que este tempo é contabilizado em **Segundos**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1wa53ij.png =650x559)

9. Feito isso, salve as alterações e publique a sua página. 

Ficou com alguma dúvida? Acione nosso suporte. Estamos sempre à disposição para ajudar! :)