0

eu preciso que essa janela só abra após 3 segundos, mas não estou conseguindo, colocando o setTimeout direto no botão. O que tem de errado? :

<script type="text/javascript">
function openWin() {
    var divText = document.getElementById("div-janela").outerHTML;
    var myWindow = window.open('', '',);
    var doc = myWindow.document;
    doc.open();
    doc.write(divText);
    doc.close();
}
</script>
<div id="div-janela">conteudo da div</div>
<input type="submit" onclick="setTimeout(openWin(), 3000)" value="abrir janela">

2 Respostas 2

2

function openWin() {
    setTimeout(function(){
      var divText = document.getElementById("div-janela").textContent = "Abriu :D";
    }, 1000);
}
<div id="div-janela">conteudo da div</div>

<input type="submit" onclick="openWin()" value="abrir janela">

Você poderia usar IIFE, dentro da tag HTML

console.log("Ignore o erro");
<h1 onclick="(setTimeout(function(){alert('acho :D');}, 1000))()">Clique</h1>

O problema...

Quando o usuário clica, ele(onClick()) chama o openWind() imediatamente, o que acontece é que vocẽ não pode colocar openWin() dentro do setTimeout() você tem que remover os parenteses, ficaria algo como isso...

<div id="div-janela">conteudo da div</div>
<input type="submit" onclick="setTimeout(openWin, 3000)" value="abrir janela">

<script type="text/javascript">
function openWin() {
  var divText = document.getElementById("div-janela").outerHTML;
  var myWindow = window.open('', '',);
  var doc = myWindow.document;
  doc.open();
  doc.write(divText);
  doc.close();
}
</script>

Passando openWin sem os parenteses. O setTimeout() receberá o que tem que ser feito e só depois executará a função.

3
  • Perfeito! :D mt obrigado!! 28/02/2018 às 15:45
  • Droga, na verdade não deu certo.. eu preciso levar o conteúdo da div para essa janela. tentei assim: function openWin() { setTimeout(function(){var divText = document.getElementById("div-janela").outerHTML; var myWindow = window.open('', '',); var doc = myWindow.document; doc.open(); doc.write(divText); doc.close();}, 3000); } não funcionou.. 28/02/2018 às 15:56
  • Atualizei, minha resposta não está errada, você deve ter implementado errado, pois aqui eu não fiz o seu trabalho, só te passei a noção de como voce deveria fazer, mas na resposta te explico o que voce fez de errado(na pergunta).
    – Marcelo
    28/02/2018 às 16:09
0

Eu alterei e coloquei o timeout dentro da função openWin, e funcionou normalmente.

<script type="text/javascript">
function openWin() {
    setTimeout(function(){
		var divText = document.getElementById("div-janela").outerHTML;
		var myWindow = window.open('', '',);
		var doc = myWindow.document;
		doc.open();
		doc.write(divText);
		doc.close();
	},3000);
    
}
</script>
<div id="div-janela">conteudo da div</div>
<input type="submit" onclick="openWin()" value="abrir janela">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .