<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
body { font-size:9pt }
</style>
</head>
<body>
<div id="divExample" style="width:100px;height:200px;overflow:auto;"></div>
<script type="text/javascript">
var i = 0
var iDir = 1;
var intStop = .25*60*1000;
var timeStart = new Date();
function AddRow(){
var newDiv = document.createElement("div");
newDiv.style.backgroundColor = "rgb(" + i*1 + "," + i*3 + "," + i*2 + ")";
newDiv.style.color = "#FFFFFF";
i+=iDir;
if(i==75||i==0)iDir*=-1;
var d = new Date();
newDiv.innerHTML = d.getHours().fPad(1) + ":" +
d.getMinutes().fPad(1) + ":" +
d.getSeconds().fPad(1) + ":" +
d.getMilliseconds().fPad(3);
var objDiv = document.getElementById("divExample");
objDiv.appendChild(newDiv);
objDiv.scrollTop = objDiv.scrollHeight;
if(d - timeStart >= intStop){
window.clearInterval(timer);
}
}
var timer = window.setInterval("AddRow()", 1 );
Number.prototype.fPad = function(intD){
var strNum = this.toString();
for(var j=strNum.length;j<intD;j++){
strNum = "0" + strNum;
}
return strNum;
}
</script>
</body>
</html>
'IT_Programming > JavaScript' 카테고리의 다른 글
JAVASCRIPT의 고급팁 (0) | 2007.01.21 |
---|---|
JavaScript에서 정규식 (0) | 2006.11.04 |
동적으로 테이블 다루기 (0) | 2006.11.04 |
[스크랩] 시간포멧함수 ":"제거함수 (0) | 2006.10.16 |
[스크랩] 텍스트박스에 숫자 및 콤마 입력 가능하게하는 이벤트 핸들러 함수 (0) | 2006.10.16 |