Node.js는 Date 객체를 통해 카운트다운 애니메이션 효과 예제 코드를 구현합니다.
Jan 02, 2018 am 09:22 AM이 글은 주로 Date 객체를 통해 js가 달성한 카운트다운 애니메이션 효과를 자세히 소개합니다. 관심 있는 친구들이 참고할 수 있기를 바랍니다.
js는 Date 객체를 통해 카운트다운 효과를 구현하며, 구체적인 내용은 다음과 같습니다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时动画</title>
<style>
p{
text-align:center;
height:100px;
line-height:100px;
}
</style>
<script>
window.onload = function(){
setInterval(FreeTime,1000);
}
function FreeTime(){
var curTime = Date.now();
var endTime = new Date("2017-10-26 16:00:00");
var allFreeSeconds = (endTime-curTime)/1000;
if(allFreeSeconds>0){
var freeDay = Math.floor(allFreeSeconds/(24*60*60));
var freeHour = Math.floor(allFreeSeconds/(60*60) % 24);
var freeMinute = Math.floor(allFreeSeconds/60 % 60);
var freeSecond = Math.floor(allFreeSeconds%60);
document.getElementById("nowTime").innerHTML = "剩余"+freeDay+"天"+freeHour+"时"+freeMinute+"分"+freeSecond+"秒";
}
else{
document.getElementById("nowTime").innerHTML = "已结束";
}
}
</script>
</head>
<body>
<p>
<span id="nowTime"></span>
</p>
</body>
</html>관련 권장 사항:
jQuery 시뮬레이션 폭발 카운트다운 기능 기술 공유
js와 jQuery를 사용하여 사용자 등록 카운트다운 기능을 구현하는 세 가지 방법
위 내용은 Node.js는 Date 객체를 통해 카운트다운 애니메이션 효과 예제 코드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
인기 기사
인기 기사
뜨거운 기사 태그
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7123
9
1534
14
1256
25
1205
29
1153
46
WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법
Dec 17, 2023 pm 02:54 PM
WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법
WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술
Dec 17, 2023 pm 05:30 PM
WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술
WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법
Dec 17, 2023 am 09:39 AM
WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법
JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법
Dec 17, 2023 pm 12:09 PM
JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법
JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축
Dec 17, 2023 pm 05:13 PM
JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축
간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법
Jan 05, 2024 pm 06:08 PM
간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법
Win10을 부팅할 때 10초 카운트다운을 취소하는 방법 Win10을 부팅할 때 카운트다운을 취소하는 세 가지 방법이 있나요?
Feb 29, 2024 pm 07:25 PM
Win10을 부팅할 때 10초 카운트다운을 취소하는 방법 Win10을 부팅할 때 카운트다운을 취소하는 세 가지 방법이 있나요?
