시간 카운트다운 무한반복
조회수 364회
<div class="sec7-text-box" id="timesale">
<div class="time font40">
<span class="hours"></span>
<span class="col">시간</span>
<span class="minutes"></span>
<span class="col">분</span>
<span class="seconds"></span>
<span class="col">초</span>
<span class="txt">안에 주문하면 오늘 당일 발송!</span>
</div>
<script>
function remaindTime() {
var now = new Date();
var open = new Date(now.getFullYear(),now.getMonth(),now.getDate(),16,21,00);
// var end = new Date(now.getFullYear(),now.getMonth(),now.getDate(),15,29,00);
var nt = now.getTime();
var ot = open.getTime();
// var et = end.getTime();
if(nt<ot){
$(".time").fadeIn();
$("p.time-title").html("금일 오픈까지 남은 시간");
sec =parseInt(ot - nt) / 1000;
day = parseInt(sec/60/60/24);
sec = (sec - (day * 60 * 60 * 24));
hour = parseInt(sec/60/60);
sec = (sec - (hour*60*60));
min = parseInt(sec/60);
sec = parseInt(sec-(min*60));
if(hour<10){hour="0"+hour;}
if(min<10){min="0"+min;}
if(sec<10){sec="0"+sec;}
$(".hours").html(hour);
$(".minutes").html(min);
$(".seconds").html(sec);
}
else if(nt>ot){
setInterval( $("p.time-title").html("금일 오픈까지 남은 시간") 1000);
// setInterval(function() {
// $("p.time-title").html("금일 오픈까지 남은 시간");
// }, 1000);
// setInterval(remaindTime,1000);
}
else {
$(".time").fadeIn();
$("p.time-title").html("금일 마감까지 남은 시간");
sec =parseInt(et - nt) / 1000;
day = parseInt(sec/60/60/24);
sec = (sec - (day * 60 * 60 * 24));
hour = parseInt(sec/60/60);
sec = (sec - (hour*60*60));
min = parseInt(sec/60);
sec = parseInt(sec-(min*60));
if(hour<10){hour="0"+hour;}
if(min<10){min="0"+min;}
if(sec<10){sec="0"+sec;}
$(".hours").html(hour);
$(".minutes").html(min);
$(".seconds").html(sec);
}
}
setInterval(remaindTime,1000);
</script>
정해진 시간이 무한 반복하도록 설정하고싶습니다.
setInterval 을 else if에서 어떻게 사용해야할까요??
시간은 오후 17시까지 설정할예정입니다.
17시가지 지나면 다시 하루가 리셋되도록 설정하고싶습니다!
-
(•́ ✖ •̀)
알 수 없는 사용자
댓글 입력