-1

컴퓨터의 현지 시간을 표시하는이 코드를 가지고 있으며 건물 시계 시간으로 조정해야합니다. 클라이언트의 로컬 시간을 출력해야하지만 2 분을 더하면 건물 전체의 시계와 일치합니다. 여기 내 코드가있다.자바 스크립트는 로컬 클라이언트 시간을 편집 하시겠습니까?

편집

내 질문에 충분히 분명 아니었다면, 어떻게 출력 된 시간 2 분 추가 할 현지 시간 출력을 수정할 수? 제품 견적 나는 그것이 클라이언트의 현지 시간을 출력 할 필요가 있지만 그 다음에 2 분을 추가하여 건물 전체의 시계와 일치시킵니다. new Date()에 의해 반환되는 시간에

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>

출처

2015-02-06 The Gaming Hideout

왜 시계가 2 분 빠릅니다? – Barmar

클럭 인/클럭 아웃에는 별도의 시간이 있습니다. –

사용 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>

출처

2015-02-06 20:29:39 Barmar

시간이 지나면 효과가 있습니까? 예를 들어'04 : 59'를'05 : 01' 대신'04 : 01'로'setMinutes'하지 않습니까? – rgthree

아니요, 날짜 기능은 둘러 감기에 대해 영리합니다. – Barmar

당신이 옳습니다! 나는 철회. – rgthree

사용 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(); 
}

출처

2015-02-06 20:30:02 rgthree

자바 스크립트는 로컬 클라이언트 시간을 편집 하시겠습니까?

편집

답변

관련 문제