使用JavaScript計算前一天和后一天的思路詳解

來源：本站原創(chuàng)|時間：2020-01-10|欄目：JavaScript|點擊：次

要實現(xiàn)在頁面上點擊“前一天”或“后一天”，頁面上的時間改變。

首先讓我們整理一下思路

如下圖：

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年到現(xiàn)在的時間戳

var date = new Date();
var time = date.getTime();//當前的時間到1970年凌晨的時間戳

2.2、獲取一天的毫秒數(shù)（計算）

var oneDay = 1000*60*60*24;//一天的毫秒數(shù)

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>　　//把毫秒數(shù)轉為時間
  date.setTime(m)；<br>　　//調用排版渲染到頁面
  ele.innerHTML=MyDate()；
}

function goafter(){
  var m=time+OneDay;<br>　　//把毫秒數(shù)轉為時間
  date.setTime(m)；<br>　　//調用排版渲染到頁面
  ele.innerHTML=MyDate()；
}

這樣我們就實現(xiàn)了使用JavaScript簡單計算前一天和后一天。

總結

以上所述是小編給大家介紹的使用JavaScript計算前一天和后一天的思路詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對我們網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

上一篇：React 實現(xiàn)車牌鍵盤的示例代碼

欄目：JavaScript

下一篇：JS實現(xiàn)水平移動與垂直移動動畫

本文標題：使用JavaScript計算前一天和后一天的思路詳解

本文地址：http://www.jygsgssxh.com/a1/JavaScript/9447.html

更多JavaScript

雷火电竞-中国电竞赛事及体育赛事平台

JavaScript

使用JavaScript計算前一天和后一天的思路詳解

您可能感興趣的文章

閱讀排行

本欄相關

隨機閱讀