Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <iframe id="oTeuId"></iframe>
</body>
</html>
 
function updateScroll() {
  var element = document.getElementById("oTeuId");
  element.scrollTop = element.scrollHeight;
}
// primeira chamada ao carregar a página
updateScroll();
// adicionar conteúdo, simulando chamada Ajax
i = 5;
function minhaChamadaAjax() {
  i++;
  var ifrm = document.getElementById('oTeuId');
  ifrm = ifrm.contentWindow || ifrm.contentDocument.document || ifrm.contentDocument;
  ifrm.document.open();
  ifrm.document.write("<p>" + i + " Nunc tristique, justo ac fermentum tincidunt, erat eros dignissim mauris, id molestie tortor risus vel eros. Donec nulla est, condimentum id auctor ac, fringilla non elit. Ut eu diam tincidunt, dapibus neque ut, iaculis tortor. Nunc congue nisl a diam luctus, id consequat ante aliquet. Donec elit mauris, aliquam vel cursus quis, vulputate lacinia turpis. Curabitur semper justo ante, a suscipit nisi laoreet at. Nam laoreet maximus turpis, ut luctus tortor finibus sit amet. Donec nec tristique leo. Fusce sollicitudin molestie lectus vitae pulvinar. Suspendisse quis arcu blandit, ultricies lacus vitae, maximus eros.</p>");
  ifrm.document.close();
  // chama atualização do scroll
  updateScroll();
}
var timerId = window.setInterval(minhaChamadaAjax, 1000);
// parar a demonstração ao fim de 10 segundos (ainda estás a observar?)
setTimeout(function() {
  clearInterval(timerId)
}, 10000);
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers