자바 스크립트 카운트 다운 날짜

Question

아마도 많은 사람들에게 쉬운 질문입니다. :)

이 카운트 다운에서 간단한 카운터를 사용하려고합니다 : https://github.com/rendro/countdown 그리고 나는 javascript 변수를 전달하는 데 막혔습니다.

는 일반적으로이 카운터의 종료 날짜 형식은 다음과 같습니다

이

var endDate = "June 7, 2087 15:03:25"; 

은 다음 함수에서 당신이 변수를 전달합니다

$('.countdown.simple').countdown({ date: endDate }); 

을하지만 난 동적 24 시간 날짜와 시간을 얻으려고 동일한 원본 endDate 형식으로 출력을 보내는 것입니다. 목표는 하루 중 끝나기 전에이 제품을 구매할 수있는 카운트 다운 타이머를 구입하는 것입니다 (지금 시간과 오늘). 불행히도 작동하지 않습니다.

<script type="text/javascript"> 
    var dateNow = new Date(); 
    var monthsArray = ["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"]; 
    var monthNow = monthsArray[dateNow.getMonth()]; 
    var dayNow = dateNow.getDate(); 
    var yearNow = dateNow.getFullYear(); 
    var hourNow = dateNow.getHours(); 
    var minNow = dateNow.getMinutes(); 
    var secNow = dateNow.getSeconds(); 
    var completeDate = monthNow + " " + dayNow + ", " + yearNow + " " + hourNow + ":" + minNow + ":" + secNow; 

    $(function() { 
    $('.countdown.simple').countdown({ date: completeDate }); 
    }); 

    alert(completeDate); 
</script> 

출력 형식 및 작동 상태를 테스트하기 위해 경고를 설정했습니다. 하지만 카운터에 0 년, 0 일, 00 시간, 00 분, 00 초가 표시됩니다.

무슨 잘못 ..

Answer 1

당신은 현재 날짜에 대한 카운트 다운 타이머의 종료 날짜를 설정합니다. 당신은 미래의 날짜에 전달해야합니다.

날짜 문자열을 만드는 대신 날짜 개체를 전달할 수도 있습니다.

예

// Create the date object 
var completeDate = new Date(); 

// Set the date to the last possible second of the day 
completeDate.setHours(23, 59, 59); 

// Start the timer 
$(function() { 
    $('.countdown.simple').countdown({ date: completeDate }); 
});