格式的JavaScript日期时：分：秒

Question

我有这样的代码，我不能得到第二次正确格式：

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是完美的，显示“HH：MM： ss“

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

我怎样才能让remote-time“hh：mm：ss”呢？

Answer 1

要调整remote后获取其字符串表示，所以这就是做你没有好。

然后你显示的结果是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()); 
 

 
    $('#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>

Answer 2

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

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

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