JavaScript 倒计时器未启动 [包含代码]

标签 javascript countdown

显然,我正在尝试使用 JS 制作一个倒计时器。

我认为我的代码是正确的,但它不起作用。

代码的目标: 该代码假设显示计时器逐渐减少,直到显示代码最后一行中的 DONE 内容。

问题:我尝试在本地计算机上制作 HTML 页面并进行测试,但它不起作用,我也将其上传到我的网站上,但它也不起作用。

代码:

<body>

<div 
         id="JSPractice5" 
          style="border-style:dotted; 
          padding:10px; 
          font-size:24px; 
          width:200px; 
          text-align:center;">
Countdown Starting
</div>

<script type="text/javascript">
var containerID = "JSPractice5";
var number = 100;
var timerID = setInterval("CountdownTimer()",1000);
function CountdownTimer() {
if(number > 1) {
    number--;
    ReplaceContentInContainer(containerID,number); //Mark1
    }
else {
    clearInterval(timerID);
    ReplaceContentInContainer(containerID,'DONE!!');
    }
}
   </script>
</body>

如果问题的解决方案很简单/愚蠢,并且您想否决它,请不要这样做,因为我对 SOF 和 JS 很陌生:)

提前谢谢大家。

最佳答案

你失踪了

function ReplaceContentInContainer(id, content)
{
    document.getElementById(id).innerHTML = content;
}

关于JavaScript 倒计时器未启动 [包含代码],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8203832/

相关文章:

javascript - JQuery 中的倒计时问题

reactjs - 如何在 React 中的倒数计时器期间播放音频?

javascript - 创建自定义倒计时

javascript - Protractor - 如何运行失败的测试用例并将它们呈现为通过的项目?

javascript - 通过具有日期值的单个键对对象数组进行排序

javascript - 将部分文本字符串转换为分数

javascript - 将php倒计时变成javascript

javascript - 通过另一个类名 jQuery 获取类名

javascript - 使用正则表达式解析旋转3d值的CSS变换

java - 暂停后继续倒计时