Строки из document.write исчезают

Question

Мой код производит эти две строки первой:

 
1,2,3,4,5 
1,2,3,4 

Затем он производит эти строки, а те два исчезают:

 
1,2,3 
1,2 
1 

Почему это происходит?

var arr=[1,2,3,4,5]; 

document.write(arr+"</br>"); 

function popit() { 
    if(arr.length>0) { 
     arr.pop(); 
     if(arr.length<=0) { 
      clearTimeout(p); 
      document.write("end"); 
     } 
     var p=setTimeout(popit,1000); 
     document.write(arr); 
     document.write("</br>"); 
    } 
} 
window.onLoad=popit(); 

Answer 1

При использовании document.write() после завершения загрузки страницы, которую вы, с помощью window.onLoad=popit(), он будет существенно очистить HTML тела и начать добавлять новый контент. Не используйте document.write(). Если вам нужно вывести на экран, добавьте document.body.innerHTML.

В качестве альтернативы, можно просто console.log(arr)