javascript - 在 document.getElementById ('' ).innerHTML = 之后放置链接

Question

我制作了一个倒计时器，完成后我希望它显示
“已完成，点击此处继续。”
点击这里应该是一个超链接。但我不知道该怎么做。
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--;
    }

这也是应显示实时倒计时和已完成+超链接的 html 代码:

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

Answer 1

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

document.getElementById('countdown').innerHTML = 'Completed, <a href="https://your-link-goes-here/">click here</a> to continue';

顺便说一句:我经常在 Stack Overflow 上看到人们使用 innerHTML作为向元素添加内容的默认且唯一的方法，即使他们只是将纯文本放入元素中。

还有另一个属性，innerText ，这更适合这种情况，而且您不必担心文本会意外地被视为 HTML 或 HTML 实体。