主页 / 网络编程 /

使用JavaScript计算前一天和后一天的思路详解

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了使用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 = 1000606024;//一天的毫秒数

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简单计算前一天和后一天。

以上所述是长沙网络推广给大家介绍的使用JavaScript计算前一天和后一天的思路详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！
如果你觉得本文对你有帮助，欢迎网络推广网站推广转载，烦请注明出处，谢谢！

上一篇：Vue filter 过滤当前时间 实现实时更新效果 下一篇：js正则匹配多个全部数据问题

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by