JS에서 분 카운트다운을 구현하는 방법(10분 카운트다운 예)
- yulia원래의
- 2018-10-17 17:20:3020997검색
회사에서 페이지에 카운트다운을 설정해야 하는 경우가 많은데 JS에서 분 카운트다운을 구현하는 방법을 알고 계시나요? 이 기사에서는 JS 10분 카운트다운 코드를 공유합니다. 관심 있는 친구들은 한 번 살펴보세요.
JS 카운트다운 코드를 작성하려면 if 함수, Math.floor, 타이머 setInterval 등과 같은 많은 JavaScript 지식이 필요합니다. 확실하지 않은 경우 PHP 중국어 관련 기사를 참조하세요. 또는 JavaScript 비디오 튜토리얼을 방문하세요.
예: 10분 테스트 카운트다운이 5분 남았을 때, 시간이 지나면 5분 남았음을 알려줍니다. 시험이 끝났다고. 구체적인 코드는 다음과 같습니다:
HTML 부분:
<body> <div id="timer"></div> <div id="warring"></div> </body>
JavaScript 부분:
<script type="text/javascript">
var maxtime = 10 * 60; //
function CountDown() {
if (maxtime >= 0) {
minutes = Math.floor(maxtime / 60);
seconds = Math.floor(maxtime % 60);
msg = "距离结束还有" + minutes + "分" + seconds + "秒";
document.all["timer"].innerHTML = msg;
if (maxtime == 5 * 60)alert("距离结束仅剩5分钟");
--maxtime;
} else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer = setInterval("CountDown()", 1000);
</script>JS 10분 카운트다운 코드 특정 단계: #🎜🎜 ## 🎜🎜#1 시험 기간 최대 시간 = 10 * 60초, 즉 10분으로 설정합니다.
2 if 함수를 사용하여 최대 시간이 0보다 크거나 같은지 확인합니다. 남은 분과 초를 결정하세요
#🎜 🎜#3. 그런 다음 if 함수를 사용하여 판단하세요. 5분만 남았을 때 종료까지 5분 남았습니다. #🎜🎜라는 메시지가 나타납니다. #4 시간이 다 되면 타이머를 지우고 프롬프트를 표시합니다. End# 🎜🎜#
효과는 그림과 같습니다.# 🎜🎜#
# 🎜🎜#
【관련 튜토리얼 추천】
1. 
JavaScript 중국어 참조 매뉴얼
2
JavaScript 비디오 튜토리얼#🎜 🎜#3.
부트스트랩 튜토리얼위 내용은 JS에서 분 카운트다운을 구현하는 방법(10분 카운트다운 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.