Javascript 冒号“：&引用；没有出现在我的计时器中

如何使冒号标点出现在分秒之间？花了两个小时还是没用。这是一个相当愚蠢的问题，但仍然是。 我想让我的计时器看起来像这个“02:00”，但实际上它只是看起来像这个“02:00”，我怎样才能修复它

//设置分钟数
var-mins=2；
var-down=true；
//计算秒数（不要更改此值！除非时间以不同的速度进行…）
var secs=分钟*60；
var超时；
var doispontos=“：”；
倒计时（）；
函数倒计时（）{
超时=设置超时（'Decrement（）'，1000）；
}
功能颜色更改（分、秒）{
如果（分钟值==“00”和秒值==“59”）{
minutes.style.color=“橙色”；
seconds.style.color=“橙色”；
doispontos=“橙色”；
}否则如果（分钟值==“00”和秒值==“30”）{
minutes.style.color=“红色”；
seconds.style.color=“红色”；
doispontos=“红色”；
}
}
函数减量（）{
if（document.getElementById）{
分钟=document.getElementById（“分钟”）；
秒=document.getElementById（“秒”）；
//如果剩下不到一分钟
如果（秒<59）{
秒。值=秒；
}否则{
minutes.value=getminutes（）；
seconds.value=getseconds（）；
}
颜色变化（分、秒）；
秒--；
如果（秒<0）{
秒--；
clearTimeout（超时）；
回来
}
倒计时（）；
}
}
函数getminutes（）{
//分是秒除以60，四舍五入
分钟=数学楼层（秒/60）；
返回（“0”+分钟）.substr（-2）；
}
函数getseconds（）{
//从总剩余秒数中减去剩余分钟数（以秒计）
返回（“0”+（秒-数学四舍五入（分钟*60））.substr（-2）；
}

---

以下是您的代码的工作示例

---

我刚刚将它添加到一个

标记中

您正在使用带有固定位置的内联样式。所以，你想在它们之间添加的任何东西都需要有类似的样式。例如，使用

span

标记：

<div id="timer">
  <input id="minutes" type="text" style="width: 90%; border: none; background-color:none; font-size: 300px; font-weight: bold; position: fixed; bottom: 30%;right: -5%;">
  <span style="width: 90%; border: none; background-color:none; font-size: 300px; font-weight: bold; position: fixed; bottom: 30%;right: -30%;">:</span>
  <input id="seconds" type="text" style="width: 90%; border: none; background-color:none; font-size: 300px; font-weight: bold; position: fixed; bottom: 30%;right: -40%;">
</div>

:

//设置分钟数
var-mins=2；
var-down=true；
//计算秒数（不要更改此值！除非时间以不同的速度进行…）
var secs=分钟*60；
var超时；
var doispontos=“：”；
倒计时（）；
函数倒计时（）{
超时=设置超时（'Decrement（）'，1000）；
}
功能颜色更改（分、秒）{
如果（分钟值==“00”和秒值==“59”）{
minutes.style.color=“橙色”；
seconds.style.color=“橙色”；
doispontos=“橙色”；
}否则如果（分钟值==“00”和秒值==“30”）{
minutes.style.color=“红色”；
seconds.style.color=“红色”；
doispontos=“红色”；
}
}
函数减量（）{
if（document.getElementById）{
分钟=document.getElementById（“分钟”）；
秒=document.getElementById（“秒”）；
//如果剩下不到一分钟
如果（秒<59）{
秒。值=秒；
}否则{
minutes.value=getminutes（）；
seconds.value=getseconds（）；
}
颜色变化（分、秒）；
秒--；
如果（秒<0）{
秒--；
clearTimeout（超时）；
回来
}
倒计时（）；
}
}
函数getminutes（）{
//分是秒除以60，四舍五入
分钟=数学楼层（秒/60）；
返回（“0”+分钟）.substr（-2）；
}
函数getseconds（）{
//从总剩余秒数中减去剩余分钟数（以秒计）
返回（“0”+（秒-数学四舍五入（分钟*60））.substr（-2）；
}

:

您没有在任何地方添加它吗？您需要在两个

元素之间键入它吗？您似乎正在使用一个变量

doispontos

，您将其初始化为

：“

，然后更改为

“橙色”

或

“红色”

，但似乎根本没有使用…我尝试在两个元素之间键入它，但它有一个问题，我不能改变它的大小，或者至少我不知道它是如何工作的。谢谢它的工作原理，当它随着时间到达某一点时，我如何使它改变颜色？冒号？与您在分秒中所做的相同。或者在第二个示例中，您可以更改整个div的字体颜色。此外，您还可以在JS代码中进行许多简化。这将是一个很好的练习。谢谢，现在有两个可能的答案，因为它们都有效