如果另一个包含特定值，则更改字符串文本

Question

我得到了这个 html 代码：

<p class="day-left">
   <span style="color: #000" id="countdown2"></span> 
   <span id="days">days</span> to <strong>the EVENT</strong>!
</p> 

output 是：

3 days to the EVENT.

倒计时 2 正在运行 function 计算剩余天数。

我希望当跨度 countdown2 = 1 时，跨度天数的文本更改为“天”，而不是“天”。

我试过这段代码，但没有奏效：

if ($('span#countdown2:contains("<span style="color: #000" id="countdown2">1</span>")').length > 0) {
            $("#days").write("day");
        }

任何的想法？

Answer 1

你想要这样的东西吗？

 const countdown2 = document.getElementById("countdown2"); const days = document.getElementById("days"); const btn = document.querySelector("button"); btn.addEventListener("click", () => { countdown2.textContent = +countdown2.textContent - 1; // you need these codes if (+countdown2.textContent < 2) { days.textContent = "day"; } // });

 <button>decrease</button> <p class="day-left"> <span style="color: #000" id="countdown2">4</span> <span id="days">days</span> to <strong>the EVENT</strong>! </p>

Answer 2

这有帮助吗？

 const days = document.getElementById("days") const counter = document.getElementById("countdown2") let count = 10 window.onload = () => { counter.innerText = count this.interval = setInterval(() => { count-- counter.innerText = count days.innerText = count === 1? "day": "days" if (count <= 0) clearInterval(this.interval) }, 1000) }

 <p class="day-left"> <span style="color: #000" id="countdown2"></span> <span id="days">days</span> to <strong>the EVENT</strong>! </p>