原生JavaScript日期与时间操作总结:自定义函数实例

0 下载量 100 浏览量 更新于2024-08-29 收藏 54KB PDF 举报
本文档主要介绍了三个实用的JavaScript原生自定义函数:获取当前日期、计算时间差以及实现页面自动刷新功能。以下是对这些知识点的详细解析: 1. **获取当前日期函数(CurentTime)** 这个函数用于获取并格式化当前的时间日期。它通过创建一个新的`Date`对象来获取系统时间,然后分别提取年、月、日、小时和分钟。函数首先将年份转换为四位数,并在月份和日期不足两位数时添加前导零。例如,如果月份是1月,则输出为"2023-01"。接下来,函数处理小时、分钟,并用":"连接它们,最后返回一个格式化的字符串,如"2023-03-15 15:30"。 2. **计算时间差函数(getLastTime)** 该函数接收两个日期作为参数,一个是开始时间(`startTime`),另一个是结束时间(默认为当前时间,通过`new Date()`获取)。它首先计算两个日期之间的时间差(以毫秒为单位),然后通过一系列数学运算将这个时间差转换成天数、小时数、分钟数和秒数。例如,如果开始时间是1996年5月11日,而结束时间比这晚,函数会返回像"相差250天12小时45分钟30秒"这样的字符串。 3. **页面自动刷新功能** 文档最后提到一个片段,用于实现网页自动刷新页面一次后停止刷新。通过监听`window.onload`事件,当页面加载完成后,可以设置一个定时器(通常是使用`setTimeout`或`setInterval`),让页面在一定时间后自动重新加载。为了防止无限循环刷新,通常会在定时器中加入一个计数器或者标记变量,达到指定次数或满足特定条件后停止刷新。这部分代码没有完全给出,但核心思想是利用JavaScript控制页面刷新行为。 以上这三个函数展示了JavaScript中基本的时间操作和浏览器事件处理,对于前端开发人员来说,理解和掌握这些基础技巧对于编写动态、交互式的Web应用至关重要。在实际项目中,这些函数可能会根据需求进行扩展或调整,以适应更复杂的场景。