溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

利用JavaScript怎么對(duì)前一天和后一天進(jìn)行計(jì)算

發(fā)布時(shí)間:2021-03-22 17:29:10 來(lái)源:億速云 閱讀:162 作者:Leah 欄目:web開發(fā)

今天就跟大家聊聊有關(guān)利用JavaScript怎么對(duì)前一天和后一天進(jìn)行計(jì)算,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

思路:

利用JavaScript怎么對(duì)前一天和后一天進(jìn)行計(jì)算

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();
}

看完上述內(nèi)容,你們對(duì)利用JavaScript怎么對(duì)前一天和后一天進(jìn)行計(jì)算有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI