使用js实现计算运行时间,并且精确到天时分秒

JavaScript,Date对象,setInterval函数

在开发Web应用程序或其他类型的软件时,经常需要计算系统运行的时长。通过计算系统运行时长,我们可以了解系统的稳定性、性能和可靠性。

接下来将介绍如何使用JavaScript来实现系统运行时长的计算,并将结果以天、小时、分钟和秒的格式进行显示。

使用JavaScript的Date对象和setInterval函数

要实现这个功能,我们可以利用JavaScript中的Date对象来获取当前时间,并使用setInterval函数每秒刷新运行时长。下面是一个简单的实现示例:

function refreshDuration(startTime) {  
    // 计算当前时间与起始时间的差值  
    var now = new Date();  
    var duration = now - startTime;  
  
    // 将差值转换为天、小时、分钟和秒  
    var days = Math.floor(duration / (1000 * 60 * 60 * 24));  
    duration %= (1000 * 60 * 60 * 24);  
    var hours = Math.floor(duration / (1000 * 60 * 60));  
    duration %= (1000 * 60 * 60);  
    var minutes = Math.floor(duration / (1000 * 60));  
    duration %= (1000 * 60);  
    var seconds = Math.floor(duration / 1000);  
  
    // 格式化输出  
    var formattedDuration = '';   
    formattedDuration += days + '天';  
    formattedDuration += hours + '小时';  
    formattedDuration += minutes + '分';  
    formattedDuration += seconds + '秒';  
  
    console.log(formattedDuration);  // 输出运行时长  
}  
  
// 起始时间(以毫秒为单位)  
var startTime = new Date("Oct 23, 2023 12:00:00").getTime();  // 这里你可以修改为你想要的时间  
  
// 每秒刷新运行时长  
setInterval(function() {  
    refreshDuration(startTime);  
}, 1000);

请查看以上代码

  • 首先定义了一个名为`refreshDuration`的函数,该函数接受起始时间作为参数。

  • 在函数内部,我们使用Date对象计算当前时间与起始时间的差值,并将其转换为天、小时、分钟和秒的格式。

  • 最后,我们将格式化后的运行时长输出到控制台。

然后,我们通过创建一个起始时间(以毫秒为单位),并使用setInterval函数每秒调用`refreshDuration`函数来实现每秒刷新运行时长的效果文章来源地址https://www.toymoban.com/diary/js/700.html

到此这篇关于使用js实现计算运行时间,并且精确到天时分秒的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/js/700.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
@DataJpaTest的Spring Data Repository单元测试示例
上一篇 2024年01月21日 01:29
小米加湿器2清洁、清理与消毒全攻略
下一篇 2024年01月27日 15:14

相关文章

  • JavaScript获取时间(js中的new Date(),获取前7天时间)

    简述:我们在写Echarts的时候,难免会用到js中的new Date(),用来获取时间, 今天就来分享下它的用法,顺便做下笔记。 关于new Date()的一些js方法: 输出: 1、 获取前一段时间的日期 难点: 这里用到了setDate()方法,该方法用于实现日期的相加减,它接收一个整数,如果这个整

    2024年02月09日
    浏览(58)
  • 在 SQL 中计算两个时间戳相隔的天时分秒

    两个时间戳之间相减得到的就是秒数。 示例: 输出结果为: 3600 两个时间戳相减的值除以 60 得到的就是分钟。 示例: 输出结果为: 120.0 两个时间戳相减的值除以 3600 得到的就是小时。 示例: 输出结果为: 4.0 两个时间戳相减的值除以 3600 * 24 得到的就是天数。 示例: 输

    2024年02月11日
    浏览(28)
  • 微信小程序计算器(含源码)、含js精确运算代码

    目录 一、引言与效果图  二、源码 0.目录结构: 1.xxxx.wxml文件  2.样式文件 (1)xxxx.less文件 (2)xxxx.wxss文件 (不会使用 less 的可以用这个) 3.xxxx.json文件 4.accurate.js 5.xxxx.js文件 三、结语        最近在做一个记账本小程序,其中需要用到计算器,但是在网上找的代码,用

    2024年02月01日
    浏览(30)
  • 使用Node.js和Web3.js实现链接MetaMask钱包并批量创建钱包并且批量发送代币

    MetaMask是一款基于浏览器的插件钱包,它可以安全地存储、发送和接收以太坊(Ethereum)代币。而Web3.js是一款JavaScript库,可以通过它连接以太坊区块链网络并管理以太坊钱包。 在此文中,我们将学习如何使用Node.js和Web3.js编程语言编写代码,实现链接MetaMask钱包并批量创建钱

    2024年02月08日
    浏览(50)
  • 【无标题】小程序picker实现时间日期的选择(精确到时分)

    文章出处:(6条消息) [微信小程序] 原生小程序picker组件实现时间日期的选择_小程序 picker date_iChangebaobao的博客-CSDN博客 js文件 DatePicker.js文件

    2024年02月10日
    浏览(27)
  • Baumer工业相机堡盟工业相机如何使用BGAPISDK的相机图像时间戳计算运行时间以及时间差(C++)

    Baumer工业相机堡盟相机是一种高性能、高质量的工业相机,可用于各种应用场景,如物体检测、计数和识别、运动分析和图像处理。 Baumer的万兆网相机拥有出色的图像处理性能,可以实时传输高分辨率图像。此外,该相机还具有快速数据传输、低功耗、易于集成以及高度可扩

    2024年02月08日
    浏览(30)
  • Baumer工业相机堡盟工业相机如何使用BGAPISDK的相机图像时间戳计算运行时间以及时间差(C#)

    Baumer工业相机堡盟相机是一种高性能、高质量的工业相机,可用于各种应用场景,如物体检测、计数和识别、运动分析和图像处理。 Baumer的万兆网相机拥有出色的图像处理性能,可以实时传输高分辨率图像。此外,该相机还具有快速数据传输、低功耗、易于集成以及高度可扩

    2024年02月09日
    浏览(31)
  • elmentUI组建中el-date-picker实现限制时间范围精确到小时

    需求要求 时间选择器只能选择今天之前的日期.默认时间是前一天00点~23点 后台返回的最小时间和最大时间 时间精度限制到小时 开始想着用type=\\\"datetimerange\\\"来实现,后来发现控制时间禁用无法实现,后改变思路使用两个type=\\\"datetime\\\"拼装 实现 1.先获取一个只能选择到小时的时间范

    2023年04月27日
    浏览(28)
  • Unity跨天的判断,以及时间戳转换成天时分秒

    有时候策划需要一个第二天0点刷新活动界面的操作,这个案例可以帮助解决部分问题。 然后测试了下时间戳的相互转换以及倒计时的计时操作等等。 写了一些常用的时间戳转换和时间戳解析的函数。 详情看代码逻辑和注释。 运行的效果,每隔1秒显示下倒计时:  

    2024年02月15日
    浏览(69)
  • 精确掌控并发:滑动时间窗口算法在分布式环境下并发流量控制的设计与实现

    这是《百图解码支付系统设计与实现》专栏系列文章中的第(15)篇,也是流量控制系列的第(2)篇。点击上方关注,深入了解支付系统的方方面面。 上一篇介绍了固定时间窗口算法在支付渠道限流的应用以及使用redis实现的核心代码。 本篇重点讲清楚滑动时间窗口算法原理

    2024年01月22日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包