为倒计时计时器的javascript输出单独设置样式

我正在尝试为javascript日期计数器的输出设置样式。我需要能够风格的日子，小时，分钟和秒分别。我想将它自己的div中的每一个都与其自己的左绝对值和上绝对值右对齐。当我尝试这样做时，计时器并没有取代之前的数字，而是将它们相加，造成一团混乱

以下是我试图单独设计的输出代码：

document.getElementById(id).innerHTML = days + 'days ';
document.getElementById(id).innerHTML += hours + 'hrs ';
document.getElementById(id).innerHTML += minutes + 'mins ';
document.getElementById(id).innerHTML += seconds + 'secs';

但是，当我试着把他们放在不同的分区时，疯狂的事情发生了，哈哈。计数器不会更新，只会添加数字。

---

如何执行此操作？

将

innerHTML

值插入div时，可以使用类将值包装在

span

中

---

如果要删除该行

document.getElementById(id).innerHTML = days + 'days ';

你会看到“制造一片混乱”。在给他们放东西之前，你必须先清理房间

document.getElementById(id).innerHTML = '';

---

不要将所有时间元素添加到一个I'd中，而是在已有的div中创建4个单独的div。然后使用getElementById将每个time元素放在它自己的div中

---

这将允许您使用css分别设置每个值的样式。

您可以包装innerHTML值的内容，然后设置样式。它们是单独的元素，请从+=代码中删除+。@ManojKumar请解释如何设置？@Jules当我尝试时，它只打印秒数。我已经为您更新了它。太棒了，谢谢你。我之前试过这个，但是我写了

+'+=hours+'hrs'

哪个不起作用：D+=在这个上下文中是什么意思？

+=

相当于添加到已经存在的内容中<代码>a+=6表示

a=a+6您可以检查web控制台中的错误。在这个上下文中，我得到了以下信息：
ReferenceError:无效的赋值左边的ument.getElementById（id）.innerHTML+''+=hours+'hrs'
这意味着您试图向左侧的多个操作数添加尚未计算的操作数。
document.getElementById(id).innerHTML = '';