Я пытаюсь создать приложение таймера с помощью 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?
Я думаю, что владелец учебника не добавил эту функцию. По вашей ссылке я нашел функцию в разделе «комментарии».
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};
}
Благодарю вас! Я не могу поверить, что я пропустил это