http://8gram.tistory.com/2

프로그램

http://8gram.tistory.com/2

풀무 2014. 1. 28. 22:52

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

  if (maxi >= loop_max) maxi = loop_max;

  for (nowi; nowi < maxi; nowi++) {
   //반복문으로 처리할 작업 처리
   var tr = document.createElement("tr");
   var td = document.createElement("td");
   td.innerHTML = ">>"+nowi;
   tr.appendChild(td);

obj.appendChild(tr);

   document.getElementById("load").innerHTML = "block" + nowi;
  }

  if (maxi == loop_max) {
   hideLoading();//사용자 정의 함수 - 레이어 감추기
   if (loop_cnt > 0) clearTimeout(tid);
   return;
  } else {
   loop_cnt++;
   tid = setTimeout(loop_func, 1);
  }
}

function showLoading(){
   //document.getElementById("load").innerHTML = "block" + loop_cnt;
  }
function hideLoading(){
   document.getElementById("load").innerHTML = "none" + loop_cnt;
  }

//-->
</script>
<body onload="javascripｔ:loop_func();">

<div id="load"></div>

<a href="javascripｔ:loop_func();">xxxxxxxxxxxxxxx</a>

</body>
</html>

var gcc=0;

function loop_func1(c) {
document.getElementById("load").innerHTML = ">>" + c;
setTimeout("loop_func1("+(c+1)+")", 100);
}

function loop(){

var obj = document.getElementById("table_id");
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerHTML = ">>"+gcc;
tr.appendChild(td);
obj.appendChild(tr);

gcc++;
setTimeout(loop, 100);
}

function start(){
loop_func1(1);
loop();
}
//-->
</script>
<body>
<div id="load"></div>
<a href="javascripｔ:start();">javascripｔ:start</a>
<table id="table_id">
</table>
</body>
</html>

view_loading.zip