자바스크립트 (Jquery) 카운트다운 타이머
IT&프로그래밍 2021. 12. 17. 10:20
/* 함수 */
countDownTimer : function (dt, id) {
let end = new Date(dt);
let _second = 1000;
let _minute = _second * 60;
let _hour = _minute * 60;
let _day = _hour * 24;
let timer;
let showRemaining = function() {
let now = new Date();
let distance = end - now;
if (distance < 0) {
clearInterval(timer);
$('#'+id).html('투표가 마감 되었습니다.');
return;
}
// let days = Math.floor(distance / _day);
let hours = Math.floor((distance % _day) / _hour);
let minutes = Math.floor((distance % _hour) / _minute);
let seconds = Math.floor((distance % _minute) / _second);
$('#'+id).html('마감까지 '+hours + '시간 '+minutes + '분 '+seconds + '초 남음');
}
timer = setInterval(showRemaining, 1000);
}
/* 호출 */
countDownTimer('2021-12-17 10:10:00', 'timer'); /* 'timer'는 타이머를 표시할영역의 id이다*/
'IT&프로그래밍' 카테고리의 다른 글
Flutter설치 후 오류 해결 (1) | 2023.12.07 |
---|---|
flutter firebase CLI 설정 (0) | 2023.03.15 |
amcharts5 XY차트(XYChart, 막대차트) 범례 설정 및 색상지정 (0) | 2021.12.17 |
DataTables (그리드) 사용팁 정리 (0) | 2021.12.13 |
Intellij(인텔리제이) 콘솔에서 Mybatis 한글 깨짐 해결방법 (0) | 2021.12.04 |