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

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

 更新時(shí)間:2019年12月20日 10:18:22   作者:小布娃娃  
這篇文章主要介紹了使用JavaScript計(jì)算前一天和后一天的思路,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

要實(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)注明出處,謝謝!

相關(guān)文章

最新評(píng)論