JavaScript编辑本地客户端时间

JavaScript Edit Local Client Time?

本文关键字：客户端 时间 编辑 JavaScript      更新时间：2023-09-26

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

编辑

如果我的问题还不够明显，我如何修改本地时间输出，在输出的时间上增加2分钟？报价我需要让它输出客户端的本地时间，但之后再加上2分钟，这样它就可以匹配整个建筑的时钟。

var setTime = setInterval(function() {
  clock()
}, 1000)
function clock() {
  var d = new Date();
  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>

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

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>

使用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();
}
相关文章：