김소장의 알리바바 연구소

반응형

 

챗GPT나 바드를 통해 해외 현지 시간 출력을 할 수 있는 HTML 코드를 만들 수 있습니다. chatGPT 또는 구글 Bard에서 간단한 프롬프트 입력을 통해 현지 시간 코드 작성이 가능한데, 출력하고 싶은 특정 국가 또는 수도 현지 시간, 시간대, 출력 형식을 지정하면 됩니다.

 

ChatGPT 해외 국가 현지 실시간 만들기

명령 프롬프트 입력은 간단합니다. GPT 대화창을 통해 '티스토리 또는 워드프레스'에 적용가능한 (뉴욕)의 현재 시간 HTML 코드를 만들어줘'라고 입력합니다. 

 

챗GPT 뉴욕 현재 시간 HTML 코드 만들기

 

추가 프롬프트

시간 출력 형식은 시간과 날짜가 나오게 하면 좋습니다. 시간대는 예를 들어, "01:10:10" 실시간 초 단위로 설정할 수 있으며 오전, 오후(AM, PM) 시간대를 추가로 요구할 수 있습니다. 또는 24시간대로 표시해 달라고 요구할 수 있습니다.

 

날짜 출력 형식은 요일, 일, 월, 년도 또는 년도-월-일-요일 형식으로 출력을 요구합니다.

 

출력 시 시간과 날짜의 폰트 크기도 중요한데, 시간 폰트 크기는 숫자로 지정하거나 날짜 폰트 크기는 시간보다 작은 크기로 설정 폰트를 '두껍게' 또는 '진하게' 요구할 수 있습니다. 

 

뉴욕 현지 시간 HTML 코드 출력 예시

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>
New York Local Time
</title>

<style>
body { font-family: Arial, sans-serif; text-align: center; margin: 50px; } #time { font-size: 100px; margin-bottom: 120px; } #date { font-size: 50px; margin-top: 20px; }
</style>

<script>
function updateClock() { const newYorkTime = new Date().toLocaleString('en-US', { timeZone: 'America/New_York', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true }); const newYorkDate = new Date().toLocaleString('en-US', { timeZone: 'America/New_York', weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); document.getElementById('time').textContent = newYorkTime; document.getElementById('date').textContent = newYorkDate; } setInterval(updateClock, 1000);
</script>

</head>

<body>

<div id="time">
</div>

<div id="date">
</div>

</body>

</html>

 

뉴욕 현지 시간 

 

 

 

 
 
반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading