Таймер помодоро для работы и перерывов

Содержание

Кому нужен этот промт и как он работает?
Готовый промт
Как использовать промт и на что обратить внимание
Примеры использования
Пример ответа нейросети на данный промт
Итог: зачем использовать этот промт?

Кому нужен этот промт и как он работает?

Этот промт предназначен для разработчиков и энтузиастов, которые хотят быстро создать таймер в стиле помодоро. Таймер помогает организовать рабочее или учебное время: 25 минут сосредоточенной работы сменяются 5-минутным отдыхом, а после четырёх таких циклов предусмотрен длинный перерыв на 30 минут. Такой подход способствует лучшей концентрации и предотвращает переутомление.

Промт даёт четкое техническое задание для нейросети — написать код, который запускается прямо в браузере и автоматически управляет этими интервалами. Это помогает сэкономить время, поскольку вам не нужно разрабатывать таймер с нуля или искать готовые решения.

Готовый промт

1	Напиши код для веб-сайта, который работает как таймер помодоро: 25 минут работы, 5 минут перерыва, повторить 4 раза, после четвертого цикла сделать большой перерыв 30 минут. Таймер должен запускаться и работать в браузере.

Как использовать промт и на что обратить внимание

Чтобы получить наиболее полезный и удобный код, используйте промт в нейросети, которая поддерживает программирование и генерацию HTML/JavaScript. Рекомендуется уточнять, какой тип интерфейса вы хотите (например, с кнопками «Старт», «Пауза» и «Сброс»).

Проверьте, что генерируемый код совместим с вашим сайтом и браузерами.
При необходимости запросите добавление звуковых уведомлений или визуальных индикаторов для удобства.
Обратите внимание, что точность таймера зависит от возможностей браузера и может немного колебаться.
Если нужен адаптивный дизайн, уточните это в промте для генерации соответствующего CSS.

Примеры использования

1. Организация времени для учебы: пользователь хочет научиться разделять занятия и отдых, чтобы не уставать.

1	Напиши простой код для веб-сайта с таймером помодоро: 25 минут учёбы, 5 минут перерыва, повторить 4 раза, затем большой перерыв 30 минут. Таймер запускается в браузере и имеет кнопки старт и пауза.

2. Инструмент для программистов: нужно создавать рабочие интервалы и отслеживать их, не отвлекаясь на сторонние приложения.

1	Создай веб-таймер помодоро с рабочими периодами в 25 минут и паузами по 5 минут, повторяющийся 4 раза, после чего таймер показывает 30-минутный перерыв. Таймер должен запускаться и работать в браузере, желательно с индикатором прогресса.

Пример ответа нейросети на данный промт

Ниже приведён примерный код таймера помодоро, сгенерированный нейросетью. В нём используется JavaScript для счётчика времени, HTML для интерфейса и базовый CSS для оформления.

<!DOCTYPE html>

<head>

<title>Таймер Помодоро</title>

<style>

body { font-family: Arial, sans-serif; text-align: center; margin-top: 50px; }

#timer { font-size: 48px; margin-bottom: 20px; }

button { font-size: 18px; padding: 10px 20px; margin: 5px; }

</style>

</head>

<body>

<h1>Таймер Помодоро</h1>

<button id="start">Старт</button>

<button id="pause">Пауза</button>

<button id="reset">Сброс</button>

const workTime = 25 * 60;

const shortBreak = 5 * 60;

const longBreak = 30 * 60;

let cycles = 0;

let timerSeconds = workTime;

let timerInterval = null;

let isWork = true;

const timerDisplay = document.getElementById('timer');

const startBtn = document.getElementById('start');

const pauseBtn = document.getElementById('pause');

const resetBtn = document.getElementById('reset');

function updateDisplay(seconds) {

const min = Math.floor(seconds / 60).toString().padStart(2, '0');

const sec = (seconds % 60).toString().padStart(2, '0');

timerDisplay.textContent = `${min}:${sec}`;

}

function switchMode() {

if (isWork) {

cycles++;

if (cycles % 4 === 0) {

timerSeconds = longBreak;

} else {

timerSeconds = shortBreak;

}

} else {

timerSeconds = workTime;

}

isWork = !isWork;

updateDisplay(timerSeconds);

}

function startTimer() {

if (timerInterval) return;

timerInterval = setInterval(() => {

timerSeconds--;

if (timerSeconds < 0) {

switchMode();

} else {

updateDisplay(timerSeconds);

}

}, 1000);

}

function pauseTimer() {

clearInterval(timerInterval);

timerInterval = null;

}

function resetTimer() {

pauseTimer();

cycles = 0;

isWork = true;

timerSeconds = workTime;

updateDisplay(timerSeconds);

}

startBtn.addEventListener('click', startTimer);

pauseBtn.addEventListener('click', pauseTimer);

resetBtn.addEventListener('click', resetTimer);

</script>

</body>

</html>

Примечание: результат приблизительный и может различаться.

Итог: зачем использовать этот промт?

Этот промт помогает быстро получить готовый код для реализации популярного метода управления временем — помодоро. Он экономит время на разработку, упрощает настройку и позволяет сосредоточиться на работе или учебе без постоянного контроля таймера.