Electron Forge "formatTime не определен"

Я пытаюсь создать приложение таймера с помощью Electron Forge. Я нашел учебник здесь, чтобы следовать: https://css-tricks.com/how-to-create-an-animated-countdown-timer-with-html-css-and-javascript/

Однако, когда я пытаюсь создать это приложение, я получаю эту ошибку от Electron в DevTools: "Uncaught ReferenceError: formatTime не определен"

Первое место, где возникает эта ошибка, находится в этом разделе моего файла JavaScript:

document.getElementById("app").innerHTML = ` <div class = "base-timer">
<svg class = "base-timer__svg" viewBox = "0 0 100 100" xmlns = "http://www.w3.org/2000/svg">
<g class = "base-timer__circle">
<circle class = "base-timer__path-elapsed" cx = "50" cy = "50" r = "45"></circle>
</g>
</svg>
<span id = "base-timer-label" class = "base-timer__label">
${formatTime(timeLeft)}
</span>`

Я не могу сказать, является ли это отсутствующей библиотекой JavaScript или почему formatTime не определен.

Я хочу иметь возможность отображать таймер в одном столбце, а затем в другом столбце с некоторым текстом.

Может ли кто-нибудь помочь мне понять, почему это происходит и что мне нужно сделать, чтобы использовать эту библиотеку? Или есть альтернатива в Electron/Electron Forge?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
18
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я думаю, что владелец учебника не добавил эту функцию. По вашей ссылке я нашел функцию в разделе «комментарии».

function formatTime(time) {
const hours = Math.floor(time / 60);
const minutes = Math.floor(time / 60);
let seconds = time % 60;

if (seconds < 10) {
seconds = 0${seconds};
}

return ${hours}:${minutes}:${seconds};
}

Благодарю вас! Я не могу поверить, что я пропустил это

SakuraHeiwa 23.03.2022 04:58

Другие вопросы по теме