Como aplicar um DELAY EM ELEMENTOS no GreatPages

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

Acesse o editor de páginas;

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

Em seguida, clique em Adicionar código;

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>

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.

Clique novamente em "Editar" no elemento;

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

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

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;

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

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!

Atualizado em: 17/08/2026

Este artigo foi útil?

Obrigado!