[자바스크립트] 타이머를 이용한 기사의 시간별 표시 및 링크 연결
1. 소스
<html>
<script>
function dateChk(){
var totime = new Date();
var hour = totime.getHours();
var min = totime.getMinutes();
var sec = totime.getSeconds();
var gisatitle = "정글의법칙 공현주 '이상엽, 처음엔 풋풋했지만 이젠 믿음직'";
var s = document.getElementById("result");
var ptime;
var tmp0 = 0;
var tmp1 = 0;
var tmp2 = 0;
var stime;
var i = 0;
tmp0 = hour;
tmp1 = min;
tmp2 = sec;
var linkT = "";
var t1 = setInterval(function() {
/*
if (hour>=1 && hour<=7) {
ptime = "1시~7시";
}
if (hour>=8 && hour<=10) {
ptime = "8시~10시";
}
if (hour>=11 && hour<=13) {
ptime = "11시~13시";
}
if (hour>=14 && hour<=16) {
ptime = "14시~16시";
}
if (hour>=17 && hour<=19) {
ptime = "17시~19시";
}
if (hour>=20 && hour<=22) {
ptime = "20시~22시";
}
if (hour>=23) {
ptime = "종합(23시이후)";
}
*/
if (i>5 && i<=15) {
ptime = "5초~15초 전";
}
if (i>15 && i<=25) {
ptime = "16초~25초 전";
}
if (i>25 && i<=35) {
ptime = "26초~35초 전";
}
if (i>35 && i<=45) {
ptime = "36초~45초 전";
}
if (i>45 && i<=59) {
ptime = "46초~59초 전";
}
if (i>=59) {
ptime = "종합(60초 전)";
stime = "stop";
}
if(10 < i && i < 50){
gisatitle = "<a href='http://www.xportsnews.com/?ac=article_view&entry_id=671622' target='_blank'>" + gisatitle + "</a>";
}
if(5 < i && i < 60){
s.innerHTML = "<font color='blue'>기사 올린 시간</font> : " + tmp0 + "시 " + tmp1 + "분 " + tmp2 + "초 <font size='4'><br/>" + gisatitle + "</font> <font color='red'>" + ptime + "</font>";
}else{
s.innerHTML = "<font color='blue'>기사 올린 시간</font> : " + tmp0 + "시 " + tmp1 + "분 " + tmp2 + "초 <font size='4'><br/>" + gisatitle + "</font> 카운트 : " + i;
}
i++;
if(stime == "stop"){
clearInterval(t1) ;
}
}, 1000);
}
</script>
<body>
<p/>
<input type="button" onclick="dateChk()" value="시 작" />
<div id="result"></div>
</body>
</html>
2. 실행
