이 js / jquery 카운트 다운을 프로그래밍했습니다. 시차가 0 일 때 타이머가 00:00에 멈추고 1:30 분 동안 그대로 유지되고 빨간색 글꼴로 변경되도록하려면 어떻게해야합니까? 예 : 남은 시간 00:05, 5 초 후에는 00:00 (빨간색 글꼴)이고 1:30 분 동안 그대로 유지됩니다.
var timer1;
function cdtd1() {
var sad1 = new Date();
var dolazak1 = new Date(sad1.getFullYear(),sad1.getMonth(),sad1.getDate(),13,01,00);
var timeDiff1 = dolazak1.getTime() - sad1.getTime();
if (timeDiff1 <= 0) {
clearInterval(timer1);
$("#Box1").remove();
}
if (timeDiff1 > 1500000) {
clearInterval(timer1);
$("#Box1").remove();
}
var sekunde1 = Math.floor(timeDiff1 / 1000);
var minute1 = Math.floor(sekunde1 / 60);
var sati1 = Math.floor(minute1 / 60);
var dani1 = Math.floor(sati1 / 24);
sati1 %= 24;
minute1 %= 60;
sekunde1 %= 60;
$("#dani1Box").html(dani1);
$("#sati1Box").html(sati1 + ':');
$("#minute1Box").html('7-Dubrava '+ minute1 + ':');
$("#sekunde1Box").html(sekunde1);
timer1 = setTimeout(cdtd1, 1000);
}
$(document).ready(function() {
cdtd1();
});
이것은 html입니다.
<div id="Box1">
<h1 style="font-family:Helvetica;color:#FFFFFF;font-size:5px;"> </h1>
<div id="minute1Box"></div>
<div id="sekunde1Box"></div>
</div>
우선, setTimeout
한 번 발사 타이머 인를 사용 하고 있기 때문에 타이머를 전혀 지울 필요가 없습니다 .
카운트 다운이 완료되거나 시간차가 임계 값 인 1,500 초에 도달 할 때 전화를 걸 필요가 없습니다setTimeout
. 나는 이것을 좋아한다 :
if (timeDiff1 <= 0) {
$("#Box1").remove();
return;
}
if (timeDiff1 > 1500000) {
$("#Box1").remove();
return;
}
둘째, 원래 질문에 답하려면 시간이 0에 도달하면 Box1
CSS 클래스를 빨간색 글꼴이있는 CSS 클래스로 설정하고 div
요소 의 텍스트도 0으로 설정하면 됩니다. 그런 다음 Box1
90 초 후 제거하는 함수에 대한 새 시간 제한을 설정합니다 .
그리고 html 내용이 아닌 요소의 텍스트 내용을 설정할 때 text()
대신 사용 을 고려 html()
하십시오.
if (timeDiff1 <= 0) {
$("#Box1").addClass("timer-warning");
$("#dani1Box").text("0");
$("#sati1Box").text("0:");
$("#minute1Box").text('7-Dubrava 0:');
$("#sekunde1Box").text("0");
setTimeout(function() {
$("#Box1").remove();
}, 90000);
return;
}
CSS 파일에서 :
.timer-warning {
color: #f00;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다