자 바스 크 립 트 를 사용 하여 전날 과 다음날 의 사고방식 을 상세 하 게 계산 하 다

페이지 에서'전날'이나'다음날'을 클릭 하면 페이지 의 시간 이 달라 집 니 다.
일단 생각 을 정리 해 보도 록 하 겠 습 니 다.
다음 그림:
思路
1.페이지 레이아웃
우선 우 리 는 페이지 를 잘 찍 어야 한다.예:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <button onclick="goBefore()">   </button>
  <button onclick="goAfter()">   </button>
  <div id="app"></div>
</body>
</html>
2.타임 스탬프 획득
2.1 1970 년 부터 현재까지 의 타임 스탬프 획득

var date = new Date();
var time = date.getTime();//      1970       
2.2 하루 밀리초 획득(계산)

var oneDay = 1000*60*60*24;//      
3.봉인 날짜 포맷 방법
아래 코드 는 날 짜 를 밀봉 하여 호출 이 편리 하 다.

function myGetDate(d){
return `${d.getFullYear()} ${d.getMonth()+1} ${d.getDate()} `;
}
4.페이지 요소 가 져 오기/현재 시간 을 계산 하기 전날(다음날)렌 더 링 호출

var ele = document.getElementById("show");//      

function gobefore(){
  var m=time-OneDay;<br>  //        
  date.setTime(m);<br>  //         
  ele.innerHTML=MyDate();
}

function goafter(){
  var m=time+OneDay;<br>  //        
  date.setTime(m);<br>  //         
  ele.innerHTML=MyDate();
}
이렇게 해서 우 리 는 자 바스 크 립 트 를 사용 하여 전날 과 다음날 을 간단하게 계산 하 는 것 을 실현 했다.
총결산
위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 자 바스 크 립 트 를 사용 하여 전날 과 다음날 의 사 고 를 상세 하 게 계산 하 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.만약 에 궁금 한 점 이 있 으 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 제때에 여러분 에 게 답 할 것 입 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
만약 당신 이 본문 이 당신 에 게 도움 이 된다 고 생각한다 면,전 재 를 환영 합 니 다.번 거 로 우 시 겠 지만 출처 를 밝 혀 주 십시오.감사합니다!

좋은 웹페이지 즐겨찾기