小案例:js获取当前时间的前一天/后一天(昨天/明天)

我先写一个可直接拿来输出查看的代码

<!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>Document</title>
</head>

<body>

</body>
<script>
    var nowDay = new Date();  //获取当前时间
    var toDay = nowDay.getTime();  //将当前时间转换成时间戳形式并赋值给toDay变量
    // 然后封装一个函数getToday(),用来将时间格式转换成年/月/日
    function getToday(date) {
        return `${nowDay.getFullYear()}${nowDay.getMonth()}${nowDay.getDate()}日`
    }
    
    function prevDay() {
        //计算一天的毫秒数
        var oneDay = 1000 * 60 * 60 * 24;  
        //prevDay就是前一天
        var prevDay = toDay - oneDay;  
        nowDay.setTime(prevDay);
        console.log(getToday(prevDay));

    }
    // 调用prevDay()函数,输出当前时间的前一天
    prevDay();
    function nextDay() {
        //计算一天的毫秒数
        var oneDay = 1000 * 60 * 60 * 24; 
        //nextDay就是后一天 
        var nextDay = toDay + oneDay;  
        nowDay.setTime(nextDay);
        console.log(getToday(nextDay));
    }
    // 调用nextDay()函数,输出当前时间的后一天
    nextDay();
</script>

</html>

下面我进行一步步的讲解
首先获取当前时间,代码如下:

var nowDay = new Date();  //获取当前时间

由于时间不能直接进行计算,所以需要转成时间戳的形式,代码如下:

var toDay = nowDay.getTime();  //将当前时间转换成时间戳形式并赋值给toDay变量

为了方便查看,我们封装一段函数来将时间格式转换为年/月/日的形式,代码如下:

// 封装一个函数getToday(),用来将时间格式转换成年/月/日
    function getToday(date) {
        return `${nowDay.getFullYear()}${nowDay.getMonth()}${nowDay.getDate()}日`
    }

然后前一天就是用当前时间减去一天的毫秒数,代码如下:

function prevDay() {
        //计算一天的毫秒数
        var oneDay = 1000 * 60 * 60 * 24;  
        //prevDay就是前一天,就是当前时间(toDay)减去一天时间(oneDay)
        var prevDay = toDay - oneDay;  
        nowDay.setTime(prevDay);
        console.log(getToday(prevDay));
    }
    // 调用prevDay()函数,输出查看当前时间的前一天
    prevDay();

后一天就是用当前时间加上一天的毫秒数,代码如下:

 function nextDay() {
        //计算一天的毫秒数
        var oneDay = 1000 * 60 * 60 * 24; 
        //nextDay就是前一天,就是当前时间(toDay)加上一天时间(oneDay)
        var nextDay = toDay + oneDay;  
        nowDay.setTime(nextDay);
        console.log(getToday(nextDay));
    }
    // 调用nextDay()函数,输出查看当前时间的后一天
    nextDay();
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值