Auto scroll com redirecionamento no final!

[danicarla 3]

Oi gente tudo bem?

Estou tentando montar um scroll que quando chegar no final da pagina ele redirecione pra uma outra pagina..

 

Mas não estou conseguindo fazer... não sei onde colocar o window.location="pagina2.htm";

Vou postar meu codigo pra ver se vcs conseguem me ajudar

<style type='text/css'>
#MyDivName {
  overflow:auto;
  width:200px;
  height:100px;
}
</style>
<script language="javascript">
window.onload = function() {
  scrollDiv_init();
};
ScrollRate = 10; /* Velocidade do scrool */
function scrollDiv_init() {
  DivElmnt = document.getElementById('MyDivName');
  DivElmnt.onmouseover = pauseDiv;
  DivElmnt.onmouseout = resumeDiv;
  ReachedMaxScroll = false;
  DivElmnt.scrollTop = 0;
  PreviousScrollTop  = 0;
  ScrollInterval = setInterval('scrollDiv()', ScrollRate);
}
function scrollDiv() {
  if (!ReachedMaxScroll) {
    DivElmnt.scrollTop = PreviousScrollTop;
    PreviousScrollTop++;
    ReachedMaxScroll = DivElmnt.scrollTop >= (DivElmnt.scrollHeight - DivElmnt.offsetHeight);
  }
  else {
    DivElmnt.scrollTop = PreviousScrollTop = 0;
    ReachedMaxScroll = false;
/*
    ReachedMaxScroll = (DivElmnt.scrollTop == 0)?false:true;
    DivElmnt.scrollTop = PreviousScrollTop;
    PreviousScrollTop--;
*/
  }
}
function pauseDiv() {
  clearInterval(ScrollInterval);
}
function resumeDiv() {
  PreviousScrollTop = DivElmnt.scrollTop;
  ScrollInterval = setInterval('scrollDiv()', ScrollRate);
}
</script>

E meu html:

<div id="MyDivName">
11111 11111 11111<br>22222 22222 22222<br>text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text<br>Almost Last Row<br>text text text<br>Last Row
</div>

[Snowden 94]

(function(){

var loop = null,

current = 0;

 

function start(){

var scroll = 50,

i = current;

loop = setInterval(function(){

el.scrollTop = (i = i + scroll);

}, 1000);

};

function scrollDiv(div){

elem = document.getElementById(div);

elem.onmouseover = function(){

el = this;

start();

};

elem.onmouseout = function(){

clearInterval(loop);

current = this.scrollTop;

};

elem.onscroll = function(){

if ((this.scrollTop + elem.offsetHeight) >= this.scrollHeight){

clearInterval(loop);

window.location = 'pagina2.htm';

}

};

};

function scrollDiv_init(){

scrollDiv('MyDivName');

};

scrollDiv_init();

})();

[Gcampano 0]

var changePage = function () {

var bodyHeight = document.body.offsetHeight, // altura do body

newPage = "https://www.google.com.br/"; // pagina para qual será redirecionado

 

 

document.onscroll = function () {

var scrollHeight = window.pageYOffset; //altura atual

if (scrollHeight >= bodyHeight * 0.8) {

console.log("redirecionando para: " + newPage)

window.location = newPage; // redireiciona

}

 

 

}

};

 

 

// IMPORTANTE! chamar função apenas quando a pagina terminar de carregar.

changePage();

[danicarla 3]

Nossa gente achoq ue sou muito burra .. não consegui usar nenhum dos dois exemplos