안녕하세요~^^

현재시간이 어떤 형태로 나오는지 좀 더 구체적으로 알수있을까요?

참고할만한 사이트나 이미지를 올려주시겠어요?

고맙습니다.

예를들어 글쓰기 화면에서 필드 우측에 고정으로

현재시간이 10시 30분 15초라면 10시 30분 15초 또는 10:30:15 이런 형식으로 현재 시간을 실시간으로 출력할 수 있을까요?

Kboard의 사용중인 스킨 폴더에 있는

editor.php 파일내에 하단의 코드를 입력해보시겠어요?

<script>
var span = document.getElementById('timer_watch');

function time() {
  var d = new Date();
  var s = d.getSeconds();
  var m = d.getMinutes();
  var h = d.getHours();
  span.textContent = 
    ("0" + h).substr(-2) + ":" + ("0" + m).substr(-2) + ":" + ("0" + s).substr(-2);
}

setInterval(time, 1000);
</script>

 

이후 아래의 코드를

원하시는 위치에 놓아두시면 현재 시간이 실시간으로 표시됩니다.

<span id="timer_watch"></span>

고맙습니다.

답변 감사합니다! 잘 작동되네요.

한가지 궁금한점은 해당 시간이 사용자의 컴퓨터 시간인가요? 어디서 시간을 불러와서 표시되는건지 궁금합니다.

 

JS의 new Date() 함수는 사용자의 PC에 설정된

시간대를 기준으로 시간을 표시합니다.

고맙습니다.

아 그렇군요. 

혹시 워드프레스 설정된 시간을 실시간으로 표시할 수도 있을까요?

서버를 기준으로 카운트 다운을 하시려면

아래 코드처럼 사용해보시겠어요?

 

<script>
	var span = document.getElementById('timer_watch');

	var ct = "<?php echo date('F m, Y H:i:s', current_time("timestamp"))?>";
	var cd = new Date(ct).getTime();
	
	setInterval(time, 1000);
	
	function time() {
		cd += 1000;
		var d = new Date(cd);
		var s = d.getSeconds();
		var m = d.getMinutes();
		var h = d.getHours();
		span.textContent = ("0" + h).substr(-2) + ":" + ("0" + m).substr(-2) + ":" + ("0" + s).substr(-2);
	}
</script>

고맙습니다.