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.