calculatepace.com
2015년부터 이어 온 러닝 계산기

위젯 만들기

내 대회에 맞춘 페이스 계산기를 만들어 보세요. 거리를 추가하세요(물론 직접 이름을 붙일 수도 있습니다). 궁금한 점이 있으면 피드백 버튼으로 편하게 문의해 주세요.

위젯 설정

색상 선택

위젯 거리

아직 추가된 거리가 없습니다. 아래 양식을 사용해 거리를 추가하세요.

위젯 실시간 미리보기

위젯 미리보기는 코드를 생성하면 여기에 표시됩니다

결과 실시간 미리보기

페이스 계산기

거리
--.-- km
기록
--:--:--
⏱️ 인기 거리의 기록:

설정 불러오기/저장

삽입 방법

iframe: 적용이 더 쉽고, 모든 웹사이트에서 작동하며, 자동으로 업데이트됩니다.
직접 코드: 더 세밀하게 제어할 수 있고 로딩이 더 빠르지만, HTML/CSS 지식이 필요합니다.

생성된 위젯 코드

적용 방법

iframe 적용 (권장)

  1. 생성된 영역에서 iframe 코드를 복사합니다
  2. 위젯을 표시할 웹사이트 위치에 코드를 붙여 넣습니다
  3. 완료! 위젯이 바로 작동하며 자동으로 업데이트됩니다

직접 코드 (고급 사용자용)

  1. 생성된 전체 코드를 복사합니다 (HTML, CSS, JavaScript 모두)
  2. 위젯을 표시할 위치에 전체 코드를 붙여 넣습니다
  3. 위젯을 테스트하여 올바르게 작동하는지 확인합니다
  4. 한 페이지에 여러 위젯: 코드를 여러 번 붙여 넣을 수 있습니다(예: 거리나 색상을 다르게). 각 위젯은 독립적으로 작동합니다
💡 전문가 팁: iframe이 가장 간단한 방법입니다. 충돌 없이 모든 웹사이트에서 작동하고 자동으로 업데이트됩니다. 직접 코드는 더 세밀하게 제어할 수 있지만 HTML 지식이 필요합니다. 일부 홈페이지 빌더와 쿠키 도구는 스크립트 태그를 제거하거나 차단하므로, 이 경우에는 iframe을 사용하세요.
피드백