맞습니다 타이머가 여러번 호출되어서 뜻대로 잘 되지 않았습니다 ㅠㅠ..
그럼 결국 눈내리는 속도를 조절하는 방법은 없는건가요 ? 현재 이 책의 범위를 벗어나는 부분이라면, 어떤것을 배워야할까요?
현재 저는 26살이며 웹프로그래밍에 관심이 생겨 4월 3일 부터 강의 없이 독학중입니다. 그래서 질문이 많습니다..ㅠㅠ 죄송합니다

당연히 눈내리는 속도를 조절할 수 있지요.
프로그램으로 해결하지 못하는 문제는 거의 없습니다.
다음과 같이 코딩하면 되지요
var speed = [200, 500, 1000];
for(var i=0; i<3; i++) {
var s = "div[" + i + "]";
setInterval("timeOutCode(" + s + ")", speed[i]) ;
}

이코드는 다음과 같은 3 개의 타이머를 작동시킵니다.
setIntervel("timeOutCode(div[0])",200); // 0.2초 간격으로
setIntervel("timeOutCode(div[1])",500); // 0.5초 간격으로
setIntervel("timeOutCode(div[2])",1000); // 1초 간격으로

이 책의 범위를 넘어서는 것은 아닙니다. 그것은 프로그래밍에 대한 경험에 관한 것이지요.

다른 언어 든 많은 프로그래밍 연습이 되어 있어야 하는 것입니다.

열심히 하면 좋은 결과가 있을 것입니다.

답변 감사드립니다. 하지만 가르쳐주신대로 코딩을 수정했더니 속도가 중첩이 됩니다. 제 코드에 문제가 있는 것으로 보여지는데 제가 만든 코드는 다음과 같습니다.

setInterval("Rotate()",20);
var sum=[];
for(var i=0; i<80; i++){
sum[i]=0;
}
var topPoint=[];
var div=[];
for(var i=0; i<80; i++){
div[i]=document.createElement("div");
div[i].innerHTML="*";
document.body.appendChild(div[i]);
var a =Math.random()*1000;
var left=Math.floor(a);
var b =Math.random()*700;
var Top=Math.floor(b);
div[i].style.left=left+"px";
div[i].style.top=Top+"px";
topPoint[i]=Top;
}
function Rotate(){
for(var i=0; i<80; i++){
sum[i]++;
div[i].style.top=topPoint[i]+sum[i]+"px";
var Max=topPoint[i]+sum[i];
if(Max>700 ){
sum[i]=0;
topPoint[i]=0;
div[i].style.top=0+"px";
}
}
}

조금더 간략하게 혹은 완성도 높게 만들려면 어디를 수정해야 할까요?
불필요한 코드가 있다면 어떻게 더 효율적으로 작성할 수 있을까요?

글쎄 정확하진 않지만,
지금 코드는 doRotate()가
20ms 초당 반복되면
div[i]가 바닥에 떨어지기 전에 위에서 부터 다시 떨어지게 하는 것은 같은데...
한번 체크해보세요.

 

그리고 setInterval("timeOutCode(),....)을 부르는 코드는 어디에 있나요?