JS에서 분 카운트다운을 구현하는 방법(10분 카운트다운 예)-JS 튜토리얼-php.cn

JS에서 분 카운트다운을 구현하는 방법(10분 카운트다운 예)

yulia

풀어 주다： 2018-10-17 17:20:30

원래의

21033명이 탐색했습니다.

회사에서 페이지에 카운트다운을 설정해야 하는 경우가 많은데 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# 🎜🎜#

효과는 그림과 같습니다.

# 🎜🎜#

JS에서 분 카운트다운을 구현하는 방법(10분 카운트다운 예) # 🎜🎜#