修改

Question

我有这段代码显示计算机的本地时间，我需要将其调整到我们的建筑物时钟时间。我需要输出客户端的本地时间，然后再添加2分钟，这样它就可以匹配整个建筑物的时钟。这是我的代码。

修改

如果我的问题不够明显，我如何修改本地时间输出以便在输出时间内增加2分钟？引用我需要让它输出客户端的本地时间，但是再添加2分钟，所以它匹配整个建筑物的时钟。

＆＃13;

var setTime = setInterval(function() {
  clock()
}, 1000)

function clock() {
  var d = new Date();
  document.getElementById("time").innerHTML = d.toLocaleTimeString();
}
window.onload = function()  {
  clock();
}

＆＃13;

.date, h2 p  {
  text-align: center;
  font-size: 200%;
  padding: 0;
  margin: 0;
}
.date h2  {
  margin: 0;
  padding: 0;
}
.date p  {
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(#101010, #151515, #101010);
  border: 1px solid red;
  color: white;
  width: 875px;
  font-size: 225%;
}
.select  {
  text-align: center;
  font-family: arial;
  font-size: 125%;
  margin: 0;
  margin-top: 25px;
  padding: 0;
}
#instruct  {
  float: left;
  font-family: arial;
  font-size: 110%;
  display: inline-block;
  width: 169px;
  position: relative;
  bottom: 400px;
  padding-top: 10px;
  margin: 0;
  border: 2px solid #000;
  border-radius: 3px;
}
h4  {
  margin: 0;
  padding: 0;
}

＆＃13;

<html>

<body>
  <div class="date">
    <h2>Time</h2>
    <br>
    <p id="time"></p>
  </div>
</body>

</html>

＆＃13;

Answer 1

对getMinutes返回的时间使用setMinutes和new Date()。

var setTime = setInterval(function() {
  clock()
}, 1000)

function clock() {
  var d = new Date();
  d.setMinutes(d.getMinutes() + 2); // Add 2 minutes
  document.getElementById("time").innerHTML = d.toLocaleTimeString();
}
window.onload = function()  {
  clock();
}

.date, h2 p  {
  text-align: center;
  font-size: 200%;
  padding: 0;
  margin: 0;
}
.date h2  {
  margin: 0;
  padding: 0;
}
.date p  {
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(#101010, #151515, #101010);
  border: 1px solid red;
  color: white;
  width: 875px;
  font-size: 225%;
}
.select  {
  text-align: center;
  font-family: arial;
  font-size: 125%;
  margin: 0;
  margin-top: 25px;
  padding: 0;
}
#instruct  {
  float: left;
  font-family: arial;
  font-size: 110%;
  display: inline-block;
  width: 169px;
  position: relative;
  bottom: 400px;
  padding-top: 10px;
  margin: 0;
  border: 2px solid #000;
  border-radius: 3px;
}
h4  {
  margin: 0;
  padding: 0;
}

<html>

<body>
  <div class="date">
    <h2>Time</h2>
    <br>
    <p id="time"></p>
  </div>
</body>

</html>

Answer 2

使用setTime将时间戳增加2秒。

function clock() {
  var d = new Date();
  // Set the time from date to be 2 seconds more than it is currently
  // (1000ms * 60s * 2)
  d.setTime(d.getTime() + (1000 * 60 * 2));
  document.getElementById("time").innerHTML = d.toLocaleTimeString();
}

JavaScript编辑本地客户端时间？

修改

2 个答案: