Fazer uma popup abrir junto com uma página

Mariana Oliveira Sousa · Março 21, 2018

Como eu faço para que um popup abra junto com uma página

ricardo-moura · Março 26, 2018

Ola Mariana.

Segue abaixo o código de abertura de POP UP, com temporizador, é só configurar o mesmo de acordo com a sua necessidade

Exibição do temporizador de abertura, caso não queira exibir é só apagar está linha.

<p>A POP-UP abrirá em <span id="seconds">5</span> Segundos</p>

Alteração do tempo de abertura, caso queira um tempo maior ou menor é só alterar o valor.

var seconds = 5

Código abaixo:

<!DOCTYPE html>

<html>

<head>

<title>ColorBox demo</title>

</head>

<body>

<h1>Olá Pessoal</h1>

<h2>Aqui é o seu conteúdo</h2>

<p>A POP UP abrirá em <span id="seconds">5</span> Segundos</p>

function openColorBox(){

$.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.google.com.br"});

}

function countDown(){

seconds--

$("#seconds").text(seconds);

if (seconds === 0){

openColorBox();

clearInterval(i);

}

var seconds = 5,

i = setInterval(countDown, 1000);

</script>

</body>

</html>

Pergunta