亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

計算經過的時間并將其放入 javascript 中的 Days:Hours:Minutes:

計算經過的時間并將其放入 javascript 中的 Days:Hours:Minutes:

瀟瀟雨雨 2021-06-17 18:05:59
我正在嘗試計算設置的日期時間對象和當前時間之間經過的時間。我希望它能夠以這種格式出現 DD:HH:MM:SS 其中 DD 是天，HH 是小時，MM 是分鐘，SS 是秒。我能夠得到總天數、總小時數、總分鐘數和總秒數，但我不確定如何按照我想要的方式對其進行格式化。請幫忙<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>timer</title>   </head><body ><div id ="time" name ="timer"></div><script>var myVar = setInterval(myTimer, 1000);function myTimer() {  let seconds = 1000 ;  let minutes = seconds * 60;  let hours = minutes * 60;  let days = hours * 24;  let years = days * 365;  const startDateTime = new Date("June 2, 2019 12:36:10 AM");  const newDateTime = new Date();  let timeDiff = newDateTime - startDateTime;  let totalSeconds = Math.round(timeDiff/seconds);  document.getElementById("time").innerHTML = totalSeconds;}</script></body></html>
查看完整描述

1 回答

?
慕容森

TA貢獻1853條經驗 獲得超18個贊

我建議您使用像Moment.js這樣的庫，但是如果您想在純 Javascript 中執行此操作，您可以將總秒數與您已經定義的除法參數相除，并在它們較少時用零填充它們十個以上。


var myVar = setInterval(myTimer, 1000);


const seconds = 1000;

const minutes = seconds * 60;

const hours = minutes * 60;

const days = hours * 24;

const years = days * 365;


function myTimer() {

  const startDateTime = new Date("June 2, 2019 12:36:10 AM");

  const newDateTime = new Date();


  let elapsedMilliseconds = newDateTime - startDateTime;

  

  document.getElementById("time").innerHTML = 

  `${formatElapsedTime(elapsedMilliseconds, days)}:${formatElapsedTime(elapsedMilliseconds, hours, 24)}:${formatElapsedTime(elapsedMilliseconds, minutes, 60)}:${formatElapsedTime(elapsedMilliseconds, seconds, 60)}`;

}


function formatElapsedTime(elapsedtime, timeunit, base) {

  let time = base ? (elapsedtime / timeunit) % base : elapsedtime / timeunit;

  time = Math.floor(time);

  time = time < 10 ? '0' + time : time;

  return time;

}

<!DOCTYPE html>

<html>


<head>

  <meta charset="UTF-8">

  <title>timer</title>

</head>


<body>

  <div id="time" name="timer"></div>

</body>


</html>


查看完整回答
反對 回復 2021-06-18
  • 1 回答
  • 0 關注
  • 192 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號