将JavaScript日期格式设置为小时：分钟：秒 [英] Format JavaScript Date as Hours:Minutes:Seconds

问题描述

我有这段代码，我无法第二次正确格式化：

  setInterval（function（）{var local = new Date（）; var localdatetime = local.getHours（）+：+ local.getMinutes（）+：+ local.getSeconds（）; var remote = new Date（）; var remotedatetime = remote.getHours（）+：+ remote.getMinutes（）+：+ remote.getSeconds（）; var remoteoffset = remote.setHours（local.getHours（） -  5）; $ （'＃local-time'）。html（localdatetime）; $（'＃remote-time'）。html（remoteoffset）;}，1000）;  

 < script src =https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery。 min.js>< / script>我的时间：< div id =local-time>< / div>他们的时间：< div id =remote-time>< / div> ;  

本地时间是完美的并显示hh：mm：ss

remote-time 只显示随机数列表。

我如何制作 remote-time hh：mm：ss呢？

解决方案

在获取字符串表示后，你正在调整远程 ，所以这对你没有好处。

然后你显示 setHours（）的结果（自1970年1月1日以来的毫秒数）而不是字符串。

这就是我认为你的目标：

  setInterval（function（）{var local = new Date（）; var localdatetime = local.getHours（）+：+ pad（local.getMinutes（））+：+ pad（local.getSeconds（））; var remote = new Date（）; remote.setHours（local.getHours（） -  5）; var remotedatetime = remote.getHours（）+：+ pad（remote.getMinutes（））+：+ pad（remote.getSeconds（））; $（＃本地时间）HTML（localdatetime）; $（'＃remote-time'）。html（remotedatetime）;}，1000）; function pad（t）{var st =+ t; while（st.length< 2）st =0+ st;返回}  

 < script src =https：// ajax .googleapis.com / ajax / libs / jquery / 2.1.1 / jquery.min.js>< / script>我的时间：< div id =local-time>< / div>他们的时间：< div id =remote-time>< / div>  

I have this code and I cannot get the second time to format properly:

setInterval(function() {
  var local = new Date();
  var localdatetime = local.getHours() + ":" + local.getMinutes() + ":" + local.getSeconds();

  var remote = new Date();
  var remotedatetime = remote.getHours() + ":" + remote.getMinutes() + ":" + remote.getSeconds();

  var remoteoffset = remote.setHours(local.getHours() - 5);

  $('#local-time').html(localdatetime);
  $('#remote-time').html(remoteoffset);
}, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

My Time:
<div id="local-time"></div>
Their time:
<div id="remote-time"></div>

local-time is perfect and displays "hh:mm:ss"

remote-time just displays a list of random numbers.

How can I make remote-time "hh:mm:ss", too?

解决方案

You're adjusting remote after getting its string representation, so that's doing you no good.

Then you're displaying the result of setHours() (milliseconds since January 1, 1970) rather than the string.

This is what I think you're aiming for:

setInterval(function() {
  var local = new Date();
  var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + pad(local.getSeconds());

  var remote = new Date();
  remote.setHours(local.getHours() - 5);
  var remotedatetime = remote.getHours() + ":" + pad(remote.getMinutes()) + ":" + pad(remote.getSeconds());

  $('#local-time').html(localdatetime);
  $('#remote-time').html(remotedatetime);
}, 1000);

function pad(t) {
  var st = "" + t;
  
  while (st.length < 2)
    st = "0" + st;
    
  return st;  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

My Time:
<div id="local-time"></div>
Their time:
<div id="remote-time"></div>

这篇关于将JavaScript日期格式设置为小时：分钟：秒的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！