2014-04-02 2 views
0

매일 카운트 다운을하려고합니다. 예를 들어, 매일 오후 7 시까 지 말하도록 할 수 있습니다. 오후 7 시가 지나면 23시 59 분 59 초에 다시 시작하고 오후 7 시까 지 다시 계산해야합니다.특정 시간으로 일일 카운트 다운

나는 스크립트를 작성했지만 아무 것도 나타나지 않습니다. 카운트 다운이 표시되지 않는 이유는 무엇입니까?

DEMO : http://jsfiddle.net/8Ab78/

function ShowTime() { 
    var now = new Date(); 
    var hrs = 18-now.getHours(); 
    var mins = 60-now.getMinutes(); 
    var secs = 60-now.getSeconds(); 
     timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds'; 
    $("#countdown").html(timeLeft); 
} 

var countdown; 
function StopTime() { 
    clearInterval(countdown); 
    setInterval(ShowTime ,1000); 
} 

답변

1

대체 당신의 HTML을 설정 한 다음이

setInterval(ShowTime ,1000); 

Fiddle

+0

예,이 및 업데이트 잘못된 변수 명명 : HTTP ://jsfiddle.net/8Ab78/2/ 그러나 여전히 나를 위해 표시되지 않습니다 – user1901096

+0

그것이 작동하는 업데이트 된 피들을보세요 http://jsfiddle.net/8Ab78/1/ –

+0

코드에서 일부 업데이트가 수정되었습니다. 먼저 문제를 말해달라고 –

1

setInterval('ShowTime()',1000); 

div 태그 :

무엇이 str입니까? 또한 timeleft은 무엇입니까? 어쩌면 당신은 다음과 같이 말할 것입니다 :

var timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds'; 
$("#countdown").html(timeLeft); 
+0

예, 실제로 올바른 것입니다 (또한 setInterval이 고정되어 있음).하지만 여전히 아무것도 표시되지 않습니다. : http://jsfiddle.net/8Ab78/2/ – user1901096

1

내가보기에 그것은 세 가지 이유 때문입니다. 귀하의 setInterval을이어야 대신 $("#countdown").html(str);의 당신이

3 $("#countdown").html(timeLeft);을 가져야한다

1) 당신은

2 쇼 타임

를 호출하지 않음)) setInterval(ShowTime ,1000);

+0

예, 게시하기 전에 jsfiddle (더 명확하게하고 싶었습니다)을 저장하지 않았습니다. 코드 및 바이올린을 업데이트하지만 여전히 표시되지 않습니다. http://jsfiddle.net/8Ab78/2/ – user1901096

+0

코드를 추가하면 시작하는 코드가 작동합니다. - http://jsfiddle.net/8Ab78/4 / –

관련 문제