Javascript 将链接放在document.getElementById（'；'；）.innerHTML之后=

我制作了一个倒计时计时器，完成后，我希望它显示
“已完成，请单击此处继续。”
点击这里应该是一个超链接。但我不知道怎么做。
Javascript计时器：

var seconds = initialTime;
function timer() {
    var days        = Math.floor(seconds/24/60/60);
    var hoursLeft   = Math.floor((seconds) - (days*86400));
    var hours       = Math.floor(hoursLeft/3600);
    var minutesLeft = Math.floor((hoursLeft) - (hours*3600));
    var minutes     = Math.floor(minutesLeft/60);
    var remainingSeconds = seconds % 60;
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds; 
    }
    document.getElementById('countdown').innerHTML = minutes + "minutes " + remainingSeconds+ "seconds";
    if (seconds == 0) {
        clearInterval(countdownTimer);
        document.getElementById('countdown').innerHTML = "Completed"; //Link should be shown after completed here
    } else {
        seconds--;
    }

var seconds=初始时间；
函数计时器（）{
变量天数=数学下限（秒/24/60/60）；
var hoursLeft=数学地板（（秒）-（天*86400））；
var小时=数学楼层（左小时/3600）；
var Minutesleet=数学楼层（（小时左）-（小时*3600））；
var分钟=数学楼层（左分钟/60）；
var剩余秒数=秒数%60；
如果（剩余秒数<10）{
剩余秒数=“0”+剩余秒数；
}
document.getElementById（'countdown'）.innerHTML=minutes+“minutes”+remainingSeconds+“seconds”；
如果（秒==0）{
清除间隔（倒计时）；
document.getElementById（'countdown'）。innerHTML=“Completed”；//在此处完成后应显示链接
}否则{
秒--；
}

这也是html代码，其中应显示实时倒计时和完成+超链接：

<p class="p-2" style="font-family:R;">You can visit the site again in <span id="countdown" class="timer"></span></p>

您可以在中再次访问该网站

innerHTML

的意思就是：内部HTML。如果您知道如何使用HTML创建链接，只需指定该HTML即可

document.getElementById（'countdown'）。innerHTML='Completed，to continue'；

附带说明：我经常看到人们在堆栈溢出上使用

innerHTML

作为向元素添加内容的默认和唯一方法，即使他们只是将纯文本放入元素中

---

还有一个属性，

innerText

，更适合于此，您不必担心文本会意外地被视为HTML或HTML实体。

innerHTML

的意思就是：内部HTML。如果您知道如何使用HTML创建链接，只需指定该HTML即可

document.getElementById（'countdown'）。innerHTML='Completed，to continue'；

附带说明：我经常看到人们在堆栈溢出上使用

innerHTML

作为向元素添加内容的默认和唯一方法，即使他们只是将纯文本放入元素中

---

还有另一个属性，

innerText

，它更适合这种情况，您不必担心文本会意外地被视为HTML或HTML实体。

您需要insertAdjacentText（）函数 我相信你需要它后，你的倒计时那么'之前'就可以了

例如：

  document.getElementById("countdown").insertAdjacentHTML("beforerend", "<p>My new paragraph</p>");

document.getElementById（“倒计时”）.insertAdjacentHTML（“beforerend”，“我的新段落”）；

以下是关于上述功能的完整文档

---

您需要insertAdjacentText（）函数 我相信你需要它后，你的倒计时那么'之前'就可以了

例如：

  document.getElementById("countdown").insertAdjacentHTML("beforerend", "<p>My new paragraph</p>");

document.getElementById（“倒计时”）.insertAdjacentHTML（“beforerend”，“我的新段落”）；

以下是关于上述功能的完整文档

---

innerHTML

，就像OP使用的一样，很好。不需要

insertAdjacentHTML

。他们所要做的就是将链接添加到他们插入的HTML。

innerHTML

，就像OP使用的一样，很好。不需要

insertAdjacentHTML

。他们所要做的就是将链接添加到他们插入的HTML。