JavaScript如何获取前一天后一天的时间戳

最新推荐文章于 2024-05-24 11:40:38 发布

依古比古*

最新推荐文章于 2024-05-24 11:40:38 发布

阅读量4.2k

点赞数 2

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

本文链接：https://blog.csdn.net/Wendymwz/article/details/103585765

版权

web前端专栏收录该内容

40 篇文章 1 订阅

订阅专栏

JavaScript如何获取前一天后一天的时间戳

首先html页面展示内容为

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript获取前一天后一天的时间</title>
    
</head>
<body>
    <button onclick="Before()">前一天</button>
    <button onclick="After()">后一天</button>
    <div id="demo"></div>

    <script src="index.js"></script>
</body>
</html>

第一步：实例化一个时间对象

var date=new date();
//通过js获取过来
var demo = document.getElementById("demo");
demo.innerHTML = myGetDate(date);

第二步：获取时间戳

var time = date.getTime();//当前的毫秒数
var oneDay = 1000*60*60*24;//一天的毫秒数

第三步：设置前一天和后一天的点击事件

//前一天
function Before(){
    var before = time - oneDay;//计算前一天的毫秒数
    date.setTime(before);
    demo.innerHTML = myGetDate(date);
}

//后一天on
function After(){
    var after = time + oneDay;//计算前一天的毫秒数
    date.setTime(after);
    demo.innerHTML = myGetDate(date);
}

第四步：设置一个封装日期格式化的方法

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

注意

js中获取当前时间可以使用new Date();
而要获取前一天的时间，可以使用当前时间减去一天的毫秒数，得到毫秒数之后然后再转换成时间。

用户获取当前时间的毫秒数，而1000 *60 *60 *24是一天的毫秒数，两个值相减得到的差值就是昨时间的毫秒数。
相加的话就是后一天的毫秒数转换成时间将两个按钮添加一个点击事件就可以了。

依古比古*

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
JavaScript如何获取前一天后一天的时间戳

JavaScript如何获取前一天后一天的时间戳首先html页面展示内容为<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...
复制链接

扫一扫