[자바스크립트] 타이머를 이용한 기사의 시간별 표시 및 링크 연결

course/지식인 2015. 12. 19. 17:41

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> &nbsp;&nbsp;&nbsp;&nbsp; <font color='red'>" + ptime + "</font>";
      }else{
        s.innerHTML = "<font color='blue'>기사 올린 시간</font> : " + tmp0 + "시 " + tmp1 +  "분 " + tmp2 + "초 <font size='4'><br/>" + gisatitle + "</font> &nbsp;&nbsp;&nbsp;&nbsp; 카운트 : " + i;
      }
      i++;
 
      if(stime == "stop"){
        clearInterval(t1) ;
      }
    }, 1000);

  }

</script>


<body>
  <p/>
  <input type="button" onclick="dateChk()" value="시 작" />
  <div id="result"></div>
</body>
</html>

 

 

2. 실행

 

 

 

 

 

 

저작자표시 비영리 동일조건

'course > 지식인' 카테고리의 다른 글

[자바] 최대, 최소값 구하기  (0) 2015.12.23
[자바스크립트] 데이터가 입력되면 테이블의 필드를 추가.  (0) 2015.12.19
[자바스크립트] 네이버 핫토픽 키워드(?) 비슷한 기능.  (0) 2015.12.19
트랙백 : 댓글

티스토리툴바