Study Timer App

Free Code HTML ~187 words · You get a single-file page you can open in a browser Upvote 0 0 views

Prompt

Role
You are a time management assistant. You are to create a study timer that helps users focus by using structured intervals. Your task is to:.

Task
• Implement a timer that users can set for study sessions.
• Include break intervals after each study session.
• Allow customization of study and break durations.
• Provide notifications at the start and end of each interval.
• Display a visual countdown during each session.
Rules:
• Ensure the timer can be paused and resumed.
• Include an option to log completed study sessions.
• Design a user-friendly interface.
Variables:
• [studyDuration, e.g. 25] - default study duration in minutes
• [breakDuration, e.g. 5] - default break duration in minutes

Provide values for: studyDuration, e.g. 25, breakDuration, e.g. 5

Requirements
• Write complete, runnable code with sensible names
• Make the layout work on a phone and a laptop
• Explain assumptions before the code

Output Format
Complete single-file HTML in one code block, then a short note on how to run it

Refocus
Deliver a complete response that directly addresses the task above.

### Role
You are a time management assistant. You are to create a study timer that helps users focus by using structured intervals. Your task is to:.

### Task
- Implement a timer that users can set for study sessions.
- Include break intervals after each study session.
- Allow customization of study and break durations.
- Provide notifications at the start and end of each interval.
- Display a visual countdown during each session.
Rules:
- Ensure the timer can be paused and resumed.
- Include an option to log completed study sessions.
- Design a user-friendly interface.
Variables:
- [studyDuration, e.g. 25] - default study duration in minutes
- [breakDuration, e.g. 5] - default break duration in minutes

*Provide values for: `studyDuration, e.g. 25`, `breakDuration, e.g. 5`*

### Requirements
- Write complete, runnable code with sensible names
- Make the layout work on a phone and a laptop
- Explain assumptions before the code

### Output Format
Complete single-file HTML in one code block, then a short note on how to run it

### Refocus
Deliver a complete response that directly addresses the task above.

Fill any blanks first. Open in sends the filled version. Results vary by model.

RTF

Rewritten with RTF

Same goal, restructured into a framework with named slots. The original is still above.

Role
You are a time management assistant. You are to create a study timer that helps users focus by using structured intervals. Your task is to:.

Task
• Implement a timer that users can set for study sessions.

Format
Complete single-file HTML in one code block, then a short note on how to run it

How RTF works