我得到了這個html代碼:
<p class="day-left">
<span style="color: #000" id="countdown2"></span>
<span id="days">days</span> to <strong>the EVENT</strong>!
</p>
輸出是:
3 day to the EVENT.
倒計時 2 正在運行一個計算剩余天數的函式。
我想當跨度倒計時2 = 1時,跨度天數的文本更改為“天”,而不是“天”。
我嘗試了這段代碼,但沒有奏效:
if ($('span#countdown2:contains("<span style="color: #000" id="countdown2">1</span>")').length > 0) {
$("#days").write("day");
}
任何的想法?
uj5u.com熱心網友回復:
你想要這樣的東西嗎?
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>
uj5u.com熱心網友回復:
這有幫助嗎?
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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/461450.html
標籤:javascript html jQuery
