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

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是一天的毫秒数,两个值相减得到的差值就是昨时间的毫秒数。
相加的话就是后一天的毫秒数转换成时间 将两个按钮添加一个点击事件就可以了。

原创文章 22 获赞 35 访问量 1892

猜你喜欢

转载自blog.csdn.net/Wendymwz/article/details/103585765