使用JavaScript計(jì)算前一天和后一天的思路詳解

來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：JavaScript|點(diǎn)擊：次

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

首先讓我們整理一下思路

如下圖：

1、頁(yè)面排版

首先我們需要拍好頁(yè)面，例：

<!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、獲取時(shí)間戳

2.1、獲取1970年到現(xiàn)在的時(shí)間戳

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

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

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

3、封裝日期格式化方法

以下代碼是把日期封裝起來(lái)，調(diào)用方便。

function myGetDate(d){
return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}

4、獲取頁(yè)面元素/計(jì)算當(dāng)前時(shí)間的前一天（后一天）并調(diào)用渲染

var ele = document.getElementById("show")；//獲取頁(yè)面元素

function gobefore(){
  var m=time-OneDay;<br>　　//把毫秒數(shù)轉(zhuǎn)為時(shí)間
  date.setTime(m)；<br>　　//調(diào)用排版渲染到頁(yè)面
  ele.innerHTML=MyDate()；
}

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

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

總結(jié)

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

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

欄目：JavaScript

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

本文標(biāo)題：使用JavaScript計(jì)算前一天和后一天的思路詳解

本文地址：http://mengdiqiu.com.cn/a1/JavaScript/9447.html

更多JavaScript

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

JavaScript

使用JavaScript計(jì)算前一天和后一天的思路詳解

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀