카운트 다운 타이머 레이아웃 - Keith Wood

Keith Wood의 기본 .js 카운트 다운 타이머를 사용하려고하지만 레이아웃을 조정할 때 문제가 발생합니다. 요소를 검사 할 수 없기 때문에 (검사 할 때마다 CSS가 다시로드되고 사라져서 CSS를 조정할 필요가 없습니다.) 시간 XX 분카운트 다운 타이머 레이아웃 - Keith Wood

내가 스크립트 레이아웃 코드를 추가하는 시도 XX XX 일하지만 아무것도하지 않는 :

나는 같은 출력을합니다.

<script type="text/javascript"> 
$(function() { 
    var austDay = new Date(); 
    austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); 
    $('#defaultCountdown').countdown({until: austDay}); 
    $('#year').text(austDay.getFullYear()); 
    $('#textLayout').countdown({until: liftoffTime, 
    layout: '{sn} {sl}, {mn} {ml}, {hn} {hl}, and {dn} {dl}'}); 
}); 
</script>

내가 원하는대로 특히이 부분은 분명히 그것을 출력을해야하지만 여기

$('#textLayout').countdown({until: liftoffTime, 
     layout: '{sn} {sl}, {mn} {ml}, {hn} {hl}, and {dn} {dl}'}); 
    });

을하지 않습니다 것은 라이브 사이트 : 사용자 이름은 admin 암호가

http://www.francesca-designed.me/fyp/

을 gogogo입니다

출처

2014-01-24 Francesca

어떻게 안전하게 ... – bjb568

그것은 내 자신의 암호 설정, 나는 여기 pword없이 게시했을 것이지만, 단지 암호를 제거하는 노력이 필요합니다. 점은 무엇인가? – Francesca

http://jsfiddle.net 샘플을 만들 수 있습니까? 라이브 사이트보다 쉽게 들여다 볼 수 있습니까? –

-1

<div id="defaultCountdown" class="hasCountdown"> 
<span class="countdown_row countdown_show4"> 
<span class="countdown_section"> 
<span class="countdown_amount">366</span><br>Days</span> 
<span class="countdown_section"> 
<span class="countdown_amount">6</span><br>Hours</span> 
<span class="countdown_section"> 
<span class="countdown_amount">57</span><br>Minutes</span> 
<span class="countdown_section"> 
<span class="countdown_amount">39</span><br>Seconds</span> 
</span> 
</div>

저기!

모든 당신이 할 당신은이 문제를 얻을 수 (당신이 구글 크롬을 사용하는 가정) 경우에 맞 클릭 -에 붙여 넣> HTML로 복사 ->

그런 다음 부모 컨테이너 오른쪽 클릭을 얻을 검사 에디터

편집

는 코드가 잘못된 출력을 제공 주소 (아닌 CSS 레이아웃 부분에 -

layout: '{mn} {ml}, {hn} {hl}, and {dn} {dl}'

는 당신이 필요로하는 것은 "liftoffTime"를 정의하는 것입니다

{sn} {sl}

출처

2014-01-24 17:04:34

이 질문에 전혀 대답하지 않습니다. 이미이 작업을 수행했지만 코드를 넣은 이유가 작동하지 않는 이유는 여전히 알 수 없습니다. – Francesca

사실 그것은 CSS를 바꾸기 위해서 어떤 클래스가 스타일을 만드는데 사용되는지를 알아야한다. - 나는'그것에 응답한다. (재검사를 할 때마다, CSS가 다시로드되고 사라 지므로 CSS가 무엇인지 알아낼 수 없다. 조정 된) .' - 지금 당신은 CSS를 가지고 있습니다. –

스크립트의 레이아웃 코드가 작동해야하며 그렇지 않은 것은 도움이되지 않습니다. – Francesca

제거합니다. 실종 코드의

예 : 나는 당신이 "austDay"에 의해 "liftoffTime"를 교체 할 필요가 귀하의 경우에는 생각 *

<script> 
var liftoffTime = new Date(); 
liftoffTime.setDate(liftoffTime.getDate() + 5); /* 5 days countdown */ 
</script>

(당신은 austDay을 정의한 이후)

출처

2014-06-23 09:56:19

카운트 다운 타이머 레이아웃 - Keith Wood

답변

관련 문제