아래는 본 자바스크립트 본문입니다.
<html>
<head>
<title>해피CGI</title>
<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>
</head>
<body>
<div id="divExample" style="width: 100px;height:200px;font-size:12px;overflow:auto;"></div>
</body>
</html>
|
