JavaScript实现时间上一天和下一天切换

1、先获取时间戳毫秒数

  

var date = new Date()//实例化时间戳
var time = date.getTime()//获取当前毫秒数

  

2、计算一天的毫秒数/获取页面元素

   

var  OneDay = 1000 * 60 * 60 *24; //计算一天的毫秒数
var ele = document.getElementById("show");//获取页面元素

  

3、计算当前时间的前一天并调用渲染

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

4、计算当前时间的后一天并调用渲染

 

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

5、排版需要时调用

function MyDate(){
  //年月日排版
return `${date.getFullYear()}年${date.getMonth()}月${date.getDate()}日`;
}

  

最新文章

  1. 在Django中进行注册用户的邮件确认
  2. iOS,Objective-C,相册功能的实现。
  3. 创建空列表遇到的问题-RF
  4. hiho一下 第九十五周 数论四·扩展欧几里德
  5. 简单数据访问类,生成简单SQL,自动转换成java对象
  6. 初探接口测试框架--python系列4
  7. 【Objective-C】3 -self关键字
  8. java Socket使用注意
  9. 转载 mvc:message-converters简单介绍 https://www.cnblogs.com/liaojie970/p/7736098.html
  10. 66. 二叉树的前序遍历.md
  11. ios中设置input为readonly后,解决弹起软键盘的问题
  12. IOS - 执行时 (经常使用函数)
  13. Java通过JNI调用C++程序
  14. MyBatis3-基于注解的示例
  15. Django 数据库操作进阶F和Q操作
  16. Web Service(上)
  17. java获取指定文件夹下的所有文件名
  18. centos7yum下载安装报:软件包与预期下载的不符。建议:运行 yum --enablerepo=updates clean metadata尝试其他镜像
  19. ruby中的方法查找
  20. 解决tomcat提交的数据乱码的问题

热门文章

  1. MySQL 8.0.12安装教程 (windows 64位)
  2. java基础学习笔记六(继承)
  3. JVM 和JMM的区别
  4. IDEA @Override is not allowed when implementing interface method(转载)
  5. eclipse导入工程时出现大红色感叹号(转)
  6. c++简单String类实现
  7. django的model继承abstract,proxy,managed
  8. 文件上传&&验证文件格式
  9. 01java基础笔记
  10. processing模拟三角级数合成方波过程