将 css 类或 span 添加到 .js 变量答案

【问题标题】：Add a css class or span to a .js variable将 css 类或 span 添加到 .js 变量
【发布时间】：2023-03-14 15:33:01
【问题描述】：

我有一个工作倒计时计时器“天、小时、分钟、秒”，我需要将秒“var”的颜色从白色更改为黄色，而其他 var 将保持白色。

问题是整个倒计时日期被放置在单个 div 上，我无法将特定类或跨度添加到“秒”变量。

我尝试了许多不同的解决方案，但在这种情况下似乎都不起作用，所以我决定寻求帮助并提出问题。

HTML。

<div class="container">
  <div id="countdown" align="center"> <!-- The countdown is being displayed here -->

  </div>
</div>

JS。

CountDownTimer('06/01/2016 06:00 AM', 'countdown');

    function CountDownTimer(dt, id)
    {
        var end = new Date(dt);

        var _second = 1000;
        var _minute = + _second * 60;
        var _hour = _minute * 60;
        var _day = _hour * 24;
        var timer;




        function showRemaining() {
            var now = new Date();
            var distance = end - now;
            if (distance < 0) {

                clearInterval(timer);
                document.getElementById(id).innerHTML = 'end';

                return;
            }
            var days = Math.floor(distance / _day);
            var hours = Math.floor((distance % _day) / _hour);
            var minutes = Math.floor((distance % _hour) / _minute);
            var seconds = Math.floor((distance % _minute) / _second);   




            document.getElementById('countdown').innerHTML = days + ' ';
            document.getElementById('countdown').innerHTML += hours + ' ';
            document.getElementById('countdown').innerHTML += minutes + ' ';
            document.getElementById('countdown').innerHTML += seconds + ' ';


        }

        timer = setInterval(showRemaining, 1000);
    }

在这里你可以看到工作的 JS FIDDLE：

https://jsfiddle.net/baqc6nx2/1/

这是解释如何将秒变量着色为黄色而其他变量为白色的图像。

抱歉我的英语不好，感谢您的宝贵时间。

编辑：------------------------------ ------------------

这不是重复的，我知道最后一个子选择器，但在这种情况下它不会起作用，我试过了。

编辑---------------------------------------------- -------------------

TGO 帮助了我，现在它正在工作，请重新打开问题，以便我完成它。

【问题讨论】：

"并且我无法将特定的类或跨度添加到 "seconds" 变量中。"这是为什么呢？
它给我错误，当我尝试它时有些不兼容，我可能做错了，它可以。
检查这个：jsfiddle.net/baqc6nx2/2
是的，由于误解需要重新提出问题；因此它不是重复的。只有这样我才能发布我的答案。
好的，现在重新打开

标签： javascript jquery css

【解决方案1】：

这是一个更新的小提琴，可以解决您的问题。 http://jsfiddle.net/baqc6nx2/2

为方便起见，这是更改后的代码行：

document.getElementById('countdown').innerHTML += '<span style="color:yellow;">' + seconds + '</span> ';

在这里我创建了一个 span 标签，给它适当的 CSS 样式以将颜色变为黄色，并将秒值放在 span 元素内。

【讨论】：