需要在javascript倒计时达到0后替换字符串

我试图有一个倒计时计时器，在最后（当它达到0后）在0的位置说它“活”

这是我的脚本：

 <div>
 <div class="container">
    <div id="progress" style="width: 200px; height: 200px; margin-bottom: 10px;"></div>                 
</div>

---

有人能帮我吗？谢谢

您的项目中似乎已经包含了Jquery，Jquery使类似的任务变得更加简单。您需要做的就是：

$（“.container”）.html（'Live！'）

注意：确保剩余变量实际达到0。基本上要确保你的计时器正常工作。I+1案例建议改用。

document.getElementById（'container'）。innerHTML='Live'

您的div的类是
“container”
，但您正试图通过
id
来选择它。更新你的选择器，你会没事的


jQuery（函数（$）{
var startTime=Date.now（）；
var定时器=设置间隔（updateProgress，100）；
函数updateProgress（）{
剩余var=10-（Date.now（）-startTime）/1000；
如果（剩余您获得的容器div为：getElementById，但它只有class属性，请尝试以下操作：

document.getElementsByClassName（“容器”）[0].innerHTML='Live'

或

将您的div更改为
我不知道您的代码为什么不工作，但是您可以使用
setTimeout
而不是使用
setInterval
和清除。但是在达到条件之前递归使用
setTimeout
有什么好处达到条件？setTimeout停止计时器。我已被阻止并通过了几个小时才能获得它。在
进度。值（剩余）；
时会发生什么？@BrandonAnzaldi这意味着您不必费心调用
clearInterval
，如果用户的焦点离开页面，它也不会堆积函数调用（
setInterval
每次间隔完成时都会将函数调用推送到计时器堆栈上。当页面失焦时，这些函数都不会从堆栈中弹出）好吧，用“id”调用代替“class”。它的工作原理是用“id”替换“class”。非常感谢！这也应该行！注意，如果你的项目中有CSS，它可能会期望一个带有类
容器
的元素。Bootstrap尤其经常使用这种模式。但是，如果你没有CSS，这应该可以正常工作是的。但这并不影响它。虽然我想重新使用“类”作为安全性。是的，它只是这样做了，而且很有效。不记得我为什么使用类…谢谢
<script type="text/javascript">
   jQuery(function ($) {
    var timer = null,
        startTime = null,
        progress = $("#progress").shieldProgressBar({
            min: 0,
            max: 10,
            value: 10,
            layout: "circular",
            layoutOptions: {
                circular: {
                    width: 40,
                    borderWidth: 1,
                    color: "#1E98E4"
                }
            },
            text: {

                enabled: true,
                template: '<span style="font-size:20px;">{0:n0}</span>" '
            },
            reversed: true
        }).swidget();

         startTime = Date.now();
                timer = setInterval(updateProgress, 100);


    function updateProgress() {
        var remaining = 10 - (Date.now() - startTime) / 1000;
        progress.value(remaining);
        if (remaining <= 0) {
            document.getElementById('container').innerHTML = 'Live';
            clearInterval(timer);
        }




    }
});

document.getElementById('container').innerHTML = 'You are ready';