国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

使用js實現(xiàn)計算運(yùn)行時間,并且精確到天時分秒

JavaScript,Date對象,setInterval函數(shù)

在開發(fā)Web應(yīng)用程序或其他類型的軟件時,經(jīng)常需要計算系統(tǒng)運(yùn)行的時長。通過計算系統(tǒng)運(yùn)行時長,我們可以了解系統(tǒng)的穩(wěn)定性、性能和可靠性。

接下來將介紹如何使用JavaScript來實現(xiàn)系統(tǒng)運(yùn)行時長的計算,并將結(jié)果以天、小時、分鐘和秒的格式進(jìn)行顯示。

使用JavaScript的Date對象和setInterval函數(shù)

要實現(xiàn)這個功能,我們可以利用JavaScript中的Date對象來獲取當(dāng)前時間,并使用setInterval函數(shù)每秒刷新運(yùn)行時長。下面是一個簡單的實現(xiàn)示例:

function refreshDuration(startTime) {  
    // 計算當(dāng)前時間與起始時間的差值  
    var now = new Date();  
    var duration = now - startTime;  
  
    // 將差值轉(zhuǎn)換為天、小時、分鐘和秒  
    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);  // 輸出運(yùn)行時長  
}  
  
// 起始時間(以毫秒為單位)  
var startTime = new Date("Oct 23, 2023 12:00:00").getTime();  // 這里你可以修改為你想要的時間  
  
// 每秒刷新運(yùn)行時長  
setInterval(function() {  
    refreshDuration(startTime);  
}, 1000);

請查看以上代碼

  • 首先定義了一個名為`refreshDuration`的函數(shù),該函數(shù)接受起始時間作為參數(shù)。

  • 在函數(shù)內(nèi)部,我們使用Date對象計算當(dāng)前時間與起始時間的差值,并將其轉(zhuǎn)換為天、小時、分鐘和秒的格式。

  • 最后,我們將格式化后的運(yùn)行時長輸出到控制臺。

然后,我們通過創(chuàng)建一個起始時間(以毫秒為單位),并使用setInterval函數(shù)每秒調(diào)用`refreshDuration`函數(shù)來實現(xiàn)每秒刷新運(yùn)行時長的效果文章來源地址http://www.zghlxwxcb.cn/article/700.html

到此這篇關(guān)于使用js實現(xiàn)計算運(yùn)行時間,并且精確到天時分秒的文章就介紹到這了,更多相關(guān)內(nèi)容可以在右上角搜索或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

原文地址:http://www.zghlxwxcb.cn/article/700.html

如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請聯(lián)系站長進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • JavaScript獲取時間(js中的new Date(),獲取前7天時間)

    JavaScript獲取時間(js中的new Date(),獲取前7天時間)

    簡述:我們在寫Echarts的時候,難免會用到j(luò)s中的new Date(),用來獲取時間, 今天就來分享下它的用法,順便做下筆記。 關(guān)于new Date()的一些js方法: 輸出: 1、 獲取前一段時間的日期 難點: 這里用到了setDate()方法,該方法用于實現(xiàn)日期的相加減,它接收一個整數(shù),如果這個整

    2024年02月09日
    瀏覽(31)
  • 在 SQL 中計算兩個時間戳相隔的天時分秒

    兩個時間戳之間相減得到的就是秒數(shù)。 示例: 輸出結(jié)果為: 3600 兩個時間戳相減的值除以 60 得到的就是分鐘。 示例: 輸出結(jié)果為: 120.0 兩個時間戳相減的值除以 3600 得到的就是小時。 示例: 輸出結(jié)果為: 4.0 兩個時間戳相減的值除以 3600 * 24 得到的就是天數(shù)。 示例: 輸

    2024年02月11日
    瀏覽(27)
  • 微信小程序計算器(含源碼)、含js精確運(yùn)算代碼

    微信小程序計算器(含源碼)、含js精確運(yùn)算代碼

    目錄 一、引言與效果圖 ?二、源碼 0.目錄結(jié)構(gòu): 1.xxxx.wxml文件 ?2.樣式文件 (1)xxxx.less文件 (2)xxxx.wxss文件 (不會使用 less 的可以用這個) 3.xxxx.json文件 4.accurate.js 5.xxxx.js文件 三、結(jié)語 ? ? ? ?最近在做一個記賬本小程序,其中需要用到計算器,但是在網(wǎng)上找的代碼,用

    2024年02月01日
    瀏覽(59)
  • 使用Node.js和Web3.js實現(xiàn)鏈接MetaMask錢包并批量創(chuàng)建錢包并且批量發(fā)送代幣

    MetaMask是一款基于瀏覽器的插件錢包,它可以安全地存儲、發(fā)送和接收以太坊(Ethereum)代幣。而Web3.js是一款JavaScript庫,可以通過它連接以太坊區(qū)塊鏈網(wǎng)絡(luò)并管理以太坊錢包。 在此文中,我們將學(xué)習(xí)如何使用Node.js和Web3.js編程語言編寫代碼,實現(xiàn)鏈接MetaMask錢包并批量創(chuàng)建錢

    2024年02月08日
    瀏覽(53)
  • 【無標(biāo)題】小程序picker實現(xiàn)時間日期的選擇(精確到時分)

    文章出處:(6條消息) [微信小程序] 原生小程序picker組件實現(xiàn)時間日期的選擇_小程序 picker date_iChangebaobao的博客-CSDN博客 js文件 DatePicker.js文件

    2024年02月10日
    瀏覽(32)
  • Baumer工業(yè)相機(jī)堡盟工業(yè)相機(jī)如何使用BGAPISDK的相機(jī)圖像時間戳計算運(yùn)行時間以及時間差(C++)

    Baumer工業(yè)相機(jī)堡盟工業(yè)相機(jī)如何使用BGAPISDK的相機(jī)圖像時間戳計算運(yùn)行時間以及時間差(C++)

    Baumer工業(yè)相機(jī)堡盟相機(jī)是一種高性能、高質(zhì)量的工業(yè)相機(jī),可用于各種應(yīng)用場景,如物體檢測、計數(shù)和識別、運(yùn)動分析和圖像處理。 Baumer的萬兆網(wǎng)相機(jī)擁有出色的圖像處理性能,可以實時傳輸高分辨率圖像。此外,該相機(jī)還具有快速數(shù)據(jù)傳輸、低功耗、易于集成以及高度可擴(kuò)

    2024年02月08日
    瀏覽(35)
  • Baumer工業(yè)相機(jī)堡盟工業(yè)相機(jī)如何使用BGAPISDK的相機(jī)圖像時間戳計算運(yùn)行時間以及時間差(C#)

    Baumer工業(yè)相機(jī)堡盟工業(yè)相機(jī)如何使用BGAPISDK的相機(jī)圖像時間戳計算運(yùn)行時間以及時間差(C#)

    Baumer工業(yè)相機(jī)堡盟相機(jī)是一種高性能、高質(zhì)量的工業(yè)相機(jī),可用于各種應(yīng)用場景,如物體檢測、計數(shù)和識別、運(yùn)動分析和圖像處理。 Baumer的萬兆網(wǎng)相機(jī)擁有出色的圖像處理性能,可以實時傳輸高分辨率圖像。此外,該相機(jī)還具有快速數(shù)據(jù)傳輸、低功耗、易于集成以及高度可擴(kuò)

    2024年02月09日
    瀏覽(29)
  • elmentUI組建中el-date-picker實現(xiàn)限制時間范圍精確到小時

    elmentUI組建中el-date-picker實現(xiàn)限制時間范圍精確到小時

    需求要求 時間選擇器只能選擇今天之前的日期.默認(rèn)時間是前一天00點~23點 后臺返回的最小時間和最大時間 時間精度限制到小時 開始想著用type=\\\"datetimerange\\\"來實現(xiàn),后來發(fā)現(xiàn)控制時間禁用無法實現(xiàn),后改變思路使用兩個type=\\\"datetime\\\"拼裝 實現(xiàn) 1.先獲取一個只能選擇到小時的時間范

    2023年04月27日
    瀏覽(35)
  • Unity跨天的判斷,以及時間戳轉(zhuǎn)換成天時分秒

    Unity跨天的判斷,以及時間戳轉(zhuǎn)換成天時分秒

    有時候策劃需要一個第二天0點刷新活動界面的操作,這個案例可以幫助解決部分問題。 然后測試了下時間戳的相互轉(zhuǎn)換以及倒計時的計時操作等等。 寫了一些常用的時間戳轉(zhuǎn)換和時間戳解析的函數(shù)。 詳情看代碼邏輯和注釋。 運(yùn)行的效果,每隔1秒顯示下倒計時: ?

    2024年02月15日
    瀏覽(59)
  • 精確掌控并發(fā):固定時間窗口算法在分布式環(huán)境下并發(fā)流量控制的設(shè)計與實現(xiàn)

    精確掌控并發(fā):固定時間窗口算法在分布式環(huán)境下并發(fā)流量控制的設(shè)計與實現(xiàn)

    這是《百圖解碼支付系統(tǒng)設(shè)計與實現(xiàn)》專欄系列文章中的第(14)篇。點擊上方關(guān)注,深入了解支付系統(tǒng)的方方面面。 本篇主要介紹分布式場景下常用的并發(fā)流量控制方案,包括固定時間窗口、滑動時間窗口、漏桶、令牌桶、分布式消息中間件等,并重點講清楚固定時間窗口

    2024年01月19日
    瀏覽(37)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包