JavaScript倒数计时器未启动[包含代码]
显然,我正试图用JS制作一个倒计时计时器 我认为我的代码是正确的,但它不起作用 准则的目标: 假设代码显示一个计时器,直到它在代码的alst行中显示JavaScript倒数计时器未启动[包含代码],javascript,countdown,Javascript,Countdown,显然,我正试图用JS制作一个倒计时计时器 我认为我的代码是正确的,但它不起作用 准则的目标: 假设代码显示一个计时器,直到它在代码的alst行中显示DONE的内容 问题:我曾尝试在本地机器上制作HTML页面,并对其进行了测试,但不起作用,而且我已将其上传到我的网站上,但也不起作用 代码: 倒计时开始 var containerID=“JSPractice5”; 变量数=100; var timerID=setInterval(“CountdownTimer()”,1000); 函数倒计时(){
DONE
的内容
问题:我曾尝试在本地机器上制作HTML页面,并对其进行了测试,但不起作用,而且我已将其上传到我的网站上,但也不起作用
代码:
倒计时开始
var containerID=“JSPractice5”;
变量数=100;
var timerID=setInterval(“CountdownTimer()”,1000);
函数倒计时(){
如果(数字>1){
数字--;
ReplaceContentInContainer(containerID,编号);//标记1
}
否则{
清除间隔(timerID);
替换容器中的内容(containerID,'DONE!!');
}
}
如果问题的解决方案很简单/愚蠢,而你想否决它,请不要这样做,因为我对软件和JS非常陌生:)
提前谢谢各位。你们失踪了
function ReplaceContentInContainer(id, content)
{
document.getElementById(id).innerHTML = content;
}
倒计时开始
var containerID=“JSPractice5”;
变量数=100;
函数倒计时(){
如果(数字>1){
数字--;
替换内容容器(集装箱ID,编号);
}
否则{
清除间隔(timerID);
替换容器中的内容(containerID,'DONE!!');
}
}
var timerID=setInterval(CountdownTimer(),1000);
首先,timerID应该在CountdownTimer函数之后,因为如果不是这样,您将调用一个不存在的函数,其次,函数CountdownTimer不应该在引号中。重做
setInterval
调用以指定函数本身,而不是包含调用的字符串
有关工作示例,请参见。什么是
ReplaceContentInContainer
,它不在代码中?什么是ReplaceContentInContainer?它是在其他地方定义的吗?实际上不是,我是从API中获取的。对不起,我是在一个JS论坛上读到的。这行:setInterval(CountdownTimer(),1000)代码>不起作用。您也不了解如何将setInterval()
和setTimeout()
传递给第一个参数中的字符串,或者运行传递给它的函数引用(第二个是更好的做法).Jared是正确的,原因如下:setInterval的第一个参数应该是对函数的引用,而不是它的resultYep,这意味着在setInterval
中没有(
)。适用于我:(在演示代码中时间值减少到10)在搜索某项任务时,我读了ReplaceContentInContainer
,但没有人提到这个函数,因为我是JS新手(从未学习过,只是基于我的java进行游戏),所以我直接复制了它。谢谢你,悄悄地。我将注意到这一点。
function ReplaceContentInContainer(id, content)
{
document.getElementById(id).innerHTML = content;
}
<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;
function CountdownTimer() {
if(number > 1) {
number--;
ReplaceContentInContainer(containerID,number);
}
else {
clearInterval(timerID);
ReplaceContentInContainer(containerID,'DONE!!');
}
}
var timerID = setInterval(CountdownTimer(),1000);
</script>
</body>