HTML로 타이머 만들기 - 도레미파솔라시도 알림 소리 나는
페이지 정보
작성자
JeromePark
작성일
08.15 11:53
본문
| AI 도구 | Gemini - Canvas |
|---|---|
| 프롬프트 | 타이머를 만들어야 할 것 같아. 일단 html 로 만들어주고 알림 시간은 2가지 방식으로 입력할 수 있어야 한다. 하나는 몇시 몇분 이라고 입력하거나 지금 시간을 기준으로 입력하는 방식, 또 다른 하나는 앞으로 몇 분 후 라고 입력하는 방식 2가지야. 시간이 흐르면 카운트 다운이 진행되는 화면이 보이고 설정한 시간이 되면 '시간이 되었습니다.' 라고 화면에 뜨고 아래에 확인 버튼이 있으면 돼. 시간이 되었을 때 소리는 도레미파솔라시도 가 반복되면 좋겠어 |
1. 타이머가 필요해서 위의 프롬프트와 같이 입력했고
타이머 1차 파일을 만들어주긴 했어요.
2. IDE나 편집기에 코드를 넣고 HTML을 저장했지요..
그랬더니 첨부한 timeer1.html 파일이 나왓어요.. 잘되긴 잘되는데.. 문제는 알람을 확인했는데..
소리가 멈추지 않고 계속 도레미파솔라시도가 나오는거에요 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ
3. 그래서 다시 제미나이에게 코드 수정을 요청했어요.
"확인을 눌렀을때 소리가 꺼지지 않네 이 문제를 수정한 코드를 다시 줘" 라고...
4. 금방 고쳐서 timer2.html 파일을 만들어줬습니다.
이건 실행했더니 확인버튼 누르니까 음악도 종료됩니다.
복사 붙여넣기만 하면 되니까 코드 몰라도 쉽게 되네요..
댓글 0