간단한 자바 스크립트 카운트 다운

• 4 월 30, 2024

Blogger 위젯 상자에 넣거나 웹 페이지의 컨텍스트에서 사용할 수있는 간단한 JavaScript 카운트 다운 타이머를 원했습니다. 처음에는 빠른 웹 검색으로 원하는 것을 쉽게 찾을 수 있다고 가정했습니다. 그러나 내가 찾은 모든 카운터는 내가 찾던 것보다 훨씬 복잡했습니다. 나는 마지막 순간까지 카운트 다운하고 싶지 않았습니다. 그래서 나는 내 자신을 작성하기로 결정했습니다.

다음 코드는 2008 년 8 월 8 일까지 (또는 8 일부터)까지의 날짜를 계산하도록 구성되었습니다. 8은 중국 문화에서 상서로운 숫자이므로이 날은 2008 년 베이징 하계 올림픽 개막식으로 선정되었습니다.


var millisecs_per_day = 86400000
// 카운트 다운 시간을 밀리 초로 설정
// Date.UTC에 인수로 원하는 요일을 넣습니다.
// 순서대로 :
// 연도, 월 (1 월은 0 임), 월, GMT에서 오프셋
// 참고 : 자정을 나타 내기 때문에 오프셋을 사용하고 있습니다.
// 특정 시간대의 (오늘부터)
var countdown_time = 날짜 .UTC (2008,7,8, -8);
// 현재 시간을 가져 와서 밀리 초로 변환
var now = new Date ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((countdown_time-now_millisecs) / 86400000)

// 남은 일수를 표시합니다.
if (day_cnt> 1)
{
// 여러 날
document.write (day_cnt + "일")
}
그렇지 않으면 (day_cnt == 1)
{
// 하루가
document.write (day_cnt + "행진 일")
}
그렇지 않으면 (day_cnt == 0)
{
// 오늘이야
document.write ( "오늘")
}
그렇지 않으면 (day_cnt == -1)
{
// 하루 전
document.write (day_cnt + "일 전")
}
그밖에
{
// 며칠 전
document.write (day_cnt + "일 전")
}


이 코드를 다운로드하거나 여기에서 실제로 확인할 수 있습니다. 자신의 프로젝트에서이 코드를 사용하려면 웹 페이지 (또는 위의 그림과 같이 Blogger HTML / JavaScript 위젯 상자에 코드를 복사하여 붙여 넣으십시오.) 주석의 지침에 따라 날짜를 변경하십시오. 혼동되는 경우 , UTC 날짜 소개에 관한 기사가 도움이 될 수 있습니다.

비디오 지침: 간단한 시간 표현 javascript 사용 (4 월 2024).