欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2019年12月20日 10:18:22   作者：小布娃娃  
這篇文章主要介紹了使用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();//當(dāng)前的時間到1970年凌晨的時間戳

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

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

3、封裝日期格式化方法

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

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

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

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

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

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

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

總結(jié)

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

相關(guān)文章

最新評論