본문으로 바로가기

Clock-Tani

🧩 시계·타이머·디데이 위젯 만들기

미리보기로 확인하고 iframe 코드를 블로그·홈페이지에 삽입하세요

임베드 코드 생성기

미리보기

시계·타이머·디데이 위젯 만들기

시계·타이머·디데이 위젯을 내 사이트, 블로그, 학급 홈페이지에 무료로 삽입할 수 있습니다. 위 생성기에서 위젯 종류, 테마, 언어와 크기를 선택하세요. 타이머는 초 단위 시간을, 디데이는 제목과 목표 날짜를 설정한 뒤 코드를 복사합니다.

블로그·홈페이지에 위젯 넣는 순서

  1. 위 생성기에서 시계·타이머·디데이 중 하나를 고르고 테마, 언어, 크기를 설정합니다. 타이머 5분은 300초로 입력합니다.
  2. 미리보기에서 표시와 버튼을 확인한 뒤 ‘코드 복사’를 누릅니다.
  3. 삽입할 사이트에서 HTML을 입력할 수 있는 편집 영역을 열고 복사한 iframe 코드를 붙여넣습니다. iframe 허용 여부를 먼저 확인하세요.
  4. 저장한 실제 페이지를 다시 열어 위젯을 확인합니다. 모바일에서 잘리면 생성기에서 더 작은 크기를 선택하고 코드를 다시 복사합니다.

위젯이 안 보이면 저장된 HTML에 iframe이 남아 있는지, 삽입할 사이트가 외부 프레임을 차단하는지 확인하세요. 사이트의 보안 정책이 있는 경우 관리자가 clock-tani.com 프레임 허용 여부를 확인해야 합니다.

삽입 전에 별도 화면에서 직접 사용하려면 온라인 시계, 온라인 타이머, 디데이 카운터를 열어보세요.

사용 안내

· 위젯은 무료이며 별도 허가 없이 사용할 수 있습니다. 위젯 하단의 출처 표기는 유지해 주세요.
· 삽입할 페이지의 편집기가 iframe과 외부 콘텐츠를 허용해야 합니다. 지원 여부는 플랫폼과 사이트 설정에 따라 다릅니다.
· 저장 후 iframe 코드가 삭제되거나 일반 텍스트로 보이면 편집 모드와 외부 콘텐츠 허용 설정을 확인하세요.
· 타이머는 위젯에서 시작 버튼을 눌러 사용합니다. 새로고침하면 코드에 설정한 시간으로 돌아갑니다. 소리 알림이 필요한 경우 아래 온라인 타이머를 사용하세요.

자주 묻는 질문 (FAQ)

위젯 사용은 정말 무료인가요?

네, 개인·교육·상업 사이트 모두에서 무료로 사용할 수 있습니다. 위젯 하단의 작은 출처 링크만 유지해 주시면 됩니다.

HTML 모드에 코드를 넣었는데 저장 후 사라지는 이유는 무엇인가요?

일부 편집기는 외부 iframe을 허용하지 않거나 저장할 때 제거합니다. 저장된 페이지에 iframe 코드가 남아 있는지 먼저 확인하고 플랫폼의 외부 콘텐츠 허용 범위를 확인하세요. 복사한 코드를 일반 글쓰기 영역에 넣으면 코드 자체가 글자로 보일 수 있습니다.

위젯에는 광고나 추적 스크립트가 들어가나요?

위젯 전용 화면은 광고와 분석 스크립트를 불러오지 않습니다. 생성된 코드에는 loading="lazy"가 있어 화면에 가까워질 때 로드하도록 브라우저에 요청합니다. 실제 로딩 속도는 네트워크와 삽입한 페이지 환경에 따라 달라집니다.

디데이 위젯의 날짜는 자동으로 줄어드나요?

네, 코드에 넣은 목표 날짜를 기준으로 방문자가 볼 때마다 남은 일수가 자동 계산됩니다. 날짜가 지나면 D+N으로 표시됩니다.