使用JavaScript计算前一天和后一天

最新推荐文章于 2024-07-22 15:13:59 发布

小九✲

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量250

点赞数 3

分类专栏：前端文章标签： javascript html

本文链接：https://blog.csdn.net/l_nine/article/details/103586672

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用JavaScript计算前一天和后一天

要实现在页面上点击“前一天”或“后一天”，页面上的时间改变。

首先让我们整理一下思路

如下图：

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年到现在的时间戳

var date = new Date();
var time = date.getTime();//当前的时间到1970年凌晨的时间戳

2.2、获取一天的毫秒数（计算）

var oneDay = 1000*60*60*24;//一天的毫秒数

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>　　//把毫秒数转为时间
    date.setTime(m)；<br>　　//调用排版渲染到页面
    ele.innerHTML=MyDate()；
}

function goafter(){
    var m=time+OneDay;<br>　　//把毫秒数转为时间
    date.setTime(m)；<br>　　//调用排版渲染到页面
    ele.innerHTML=MyDate()；
}

这样我们就实现了使用JavaScript简单计算前一天和后一天。

小九✲

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用JavaScript计算前一天和后一天

使用JavaScript计算前一天和后一天要实现在页面上点击“前一天”或“后一天”，页面上的时间改变。首先让我们整理一下思路如下图：1、页面排版首先我们需要拍好页面，例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
复制链接

扫一扫