电子锻造 "formatTime is not defined"

Question

我正在尝试使用 Electron Forge 构建计时器应用程序。我在这里找到了一个教程：https://css-tricks.com/how-to-create-an-animated-countdown-timer-with-html-css-and-javascript/

但是，当我尝试构建此应用程序时，我在 DevTools 中从 Electron 收到此错误： “未捕获的 ReferenceError：格式时间未定义”

首先抛出此错误的地方是我的 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 中有替代方案吗？

Answer 1

我认为教程的所有者没有添加该功能。在您的 link 中，我在“评论”部分找到了功能。

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};
}

电子锻造 "formatTime is not defined"

Electron Forge "formatTime is not defined"

javascript

electron

electron-forge