이전 목록 다음

채택완료

영어윈도우즈

짱구짱구

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전 2,896

아래는 시계소스 입니다.

한글컴 윈도우즈에서는 잘되는데 영어 윈도우즈에서는 아예 적용이 안되는데 별도로 다시 소스를 적용해야 하는건가요 ?

아니면 익스플로어 설정을 봐야 할 까요?(크롬, 익스 둘 다 안됩니다.)

참고로 로컬컴으로 테스트중입니다.

사무실 제컴에서는 되는게 로칼로 가서 하면 안되네요.

3554212097_1696575511.8735.png

<!DOCTYPE html>

<html>

<head>

<title>Current Time</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

.container {

width: 100%;

height: 100vh;

display: flex;

align-items: center;

justify-content: center;

position: relative;

overflow: hidden;

}

.container img {

width: 100%;

object-fit: cover;

}

#current-time {

position: absolute;

color: white;

font-size: 12rem;

}

</style>

</head>

<body>

</div>

const time = document.getElementById('current-time'); // id가 'current-time'인 요소

// 1초마다 현재 시각 업데이트

setInterval(() => {

const date = new Date(); // 새로운 Date 객체 생성

time.innerHTML = date.toLocaleTimeString();

}, 1000);

</script>

</body>

</html>

시계 html

답변 2개 / 댓글 6개

채택된 답변

+20 포인트

웹메이킹

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

일반적으로는 언어 또는 로케일 설정 때문에 발생할 수 있습니다.

브라우저 설정 확인: 먼저, 브라우저의 언어 및 로케일 설정을 확인. 브라우저의 설정에서 언어를 영어로 변경하거나, 언어에 따라 설정된 날짜 및 시간 형식을 변경할 수 있음. 크롬 및 익스플로러 모두 브라우저 설정을 통해 언어 및 날짜/시간 형식을 변경할 수 있음.

날짜 및 시간 형식 확인: JavaScript에서 date.toLocaleTimeString() 메서드는 브라우저 설정에 따라 날짜와 시간을 형식화합니다함. 따라서 브라우저의 날짜 및 시간 형식 설정이 문제를 일으킬 수 있으며, 시스템의 언어 및 지역 설정을 영어로 변경.

브라우저 캐시 비우기: 브라우저는 이전에 로드한 웹 페이지의 캐시를 사용하여 웹 페이지를 빠르게 로드할 수 있으며, 때로는 이 캐시가 업데이트된 페이지를 표시하지 못하게 할 수 있음. 브라우저 캐시를 비우고 다시 시도.

JavaScript 오류 확인: 브라우저의 개발자 도구를 사용하여 JavaScript 오류가 있는지 확인후 오류가 있다면 이를 해결해야 함.

로컬 파일 경로 확인: 파일 경로가 로컬 시스템에 따라 다를 수 있으며, 경로에 문제가 있는지 다시 확인. 또한 역슬래시 (\) 대신 슬래시 (/)를 사용해야 함.

다른 브라우저 시도: 다른 웹 브라우저를 사용하여 페이지를 열어 보세요. 이를 통해 특정 브라우저에 종속된 문제인지 확인할 수 있음.

마지막으로, 영어 윈도우즈에서도 동작하지 않는 경우에는 브라우저 설정이나 시스템 설정과 관련된 문제일 가능성이 높습니다

가능하면 로컬로 작업하는것 보다 웹에서 작업하시는 걸 추천함