微客导航 » 文章资讯 » 使用JavaScript计算前一天和后一天的思路详解

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

2023-08-04 05:50:05 219

要实现在页面上点击“前一天”或“后一天”，页面上的时间改变。

首先让我们整理一下思路

如下图：

1、页面排版

首先我们需要拍好页面，例：





Document


前一天
后一天

2、获取时间戳

2.1、获取1970年到现在的时间戳

vardate=newDate();
vartime=date.getTime();//当前的时间到1970年凌晨的时间戳

2.2、获取一天的毫秒数（计算）

varoneDay=1000*60*60*24;//一天的毫秒数

3、封装日期格式化方法

以下代码是把日期封装起来，调用方便。

functionmyGetDate(d){
return`${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}

4、获取页面元素/计算当前时间的前一天（后一天）并调用渲染

varele=document.getElementById("show")；//获取页面元素

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

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

这样我们就实现了使用JavaScript简单计算前一天和后一天。

总结

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

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐