Ir para conteúdo
Fórum Script Brasil
  • 0

Contagem regressiva iniciar com abertura de exit intent popup


Alex Branco

Pergunta

Boa noite galera,

Sou iniciante e tenho uma dúvida que deve ser simples. Estou desenvolvendo um site em wordpress e utilizando o plugin wbounce para wordpress que é uma exit intent popup que abre quando a pessoa tira o mouse da janela com a intenção de navegar para outro site.

Consegui fazer com que essa popup feche depois de aberta após um tempo definido por mim. E também mostrar um contador regressivo de tempo para a janela fechar.

Porém essa contagem inicia quando o site é aberto e preciso que só se inicie quando a div da popup for mostrada.

Tentei inserir: if($('#wbounce-modal').css('display') == 'block'){}, mas não deu certo!

Alguém pode me ajudar, por favor?

Muito obrigado!

Segue o código que estou utilizando:

jQuery(document).ready(function($){
var $banner       = $('#wbounce-modal'); // objeto banner
var $tempo     = 10; // milisegundos
var $intervalo;

// funcao que fechará o banner
function fechar(){
    $("#wbounce-modal").hide();
}
setTimeout(fechar, $tempo*1000);
    
    function contador(){
    $intervalo = window.setInterval(function() {
    var tempoContagem     = $("#contador").html();
    var atualizaContagem     = eval(tempoContagem) - eval(1);
    $("#contador").html(atualizaContagem);
 
    // chegando em zero o contador é parado
    if(atualizaContagem == 0){
      pararContagem();
    }
     }, 1000);
  }
    
    // funcao para limpar o contador 
  function pararContagem(){
     window.clearInterval($intervalo);
  }
 
  // chamada da funcao que fará a contagem
  contador();
})

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...