2013-09-26 1 views
2

Google에서 많은 검색을했고 신뢰할 수있는 것을 찾지 못했습니다. 그래서 내가이 질문을했습니다.Timer in Jquery

동적으로 iframe 및 iframe을 div에 만듭니다. JSP가 완전히로드 내 후 [SS : HH : MM],

내가 표시하고 TIMER 카운트를 시작해야

의 형식으로되어 [0시 0분 0초]에서 시작합니다.

그래서 나는 다음과 같은 pluginhttp://tutorialzine.com/2012/09/count-up-jquery/

사용했다 그러나 그것은 IE에서 나를 위해 작동하지 않고 파이어 폭스크롬에서 작동 .. 만 나는 경고 메시지를 받았습니다. 아무것도 아니에요. 내 JSP 코드는,

<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<script src="js/jquery-1.9.1.js"></script> 
<script src="js/assets/countup/jquery.countup.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     alert("DOM loaded"); 
     $('#countdown').countup(); 
    }); 
</script> 

</head> 
<body> 

    <h2>Timer is :</h2> 

    <p id="countdown"></p> 

</body> 
</html> 

나는 이것이 나를 위해 작동하지 않습니다.

내 필요 : mm : SS

    내가 표시하고 TIMER 카운트를 시작해야
  • , [HH의 형식으로되어 [0시 0분 0초]에서 시작 ], DOM이 지정된 형식으로 IE에 완전히로드 된 후.

  • 또는이 시나리오를 적용하기 위해 나에게 다른 것을 제안하십시오.

우리의 스택 사용자가 도와 주길 바랍니다.

+2

발견 "작동하지 않습니다"충분한 문제 설명이 _never_입니다. –

+0

잘 작동합니다. http://jsfiddle.net/Alfie/4LM9g/ 콘솔에 오류가 있습니까? – Anton

+0

@Anton 그러나 IE에서는 작동하지 않습니다. –

답변

4

마지막으로, 나는 내 자신의 코드에 의해 내 요구 사항에 대한 솔루션,

var hours = 0; 
var minutes = 0; 
var seconds = 0; 

$(function() { 
    setInterval(counter, 1000); 

}); 

function counter() { 


    var hh = 0; 
    var mm = 0; 
    var ss = 0; 

    seconds = seconds + 1; 
    ss = seconds + 1; 
    if (seconds == 60) { 
     seconds = 0; 
     minutes = minutes + 1; 
     mm = minutes + 1; 
     if (minutes == 60) { 
      minutes = 0; 
      hours = hours + 1; 
      hh = hours + 1; 
     } 
    } 

    if (seconds < 10) { 
     ss = "0" + seconds; 
    }else{ 
     ss = seconds; 
    } 
    if (minutes < 10) { 
     mm = "0" + minutes; 
    }else{ 
     mm = minutes; 
    } 
    if (hours < 10) { 
     hh = "0" + hours; 
    }else{ 
     hh = hours; 
    } 

    $('#displayTime').html("[ " +hh + " : " + mm + " : " + ss+" ]"); 

}