为什么此JS倒数计时不起作用？
[英]Why this JS countdown doesn't work?
问题描述
<script type="text/javascript">
function countdown(seconds, element)
{
var count = seconds;
var counter= setInterval(timer, 1000);
function timer()
{
count--;
if (count <= 0)
{
clearInterval(counter);
return;
}
element.innerHTML = "Seconds remaining: " + count;
}
}
</script>
<h1 onload="countdown(100, this)"></h1>
那么，为什么调用标签的innerHTML不变？ 我看到了其他代码，但在这里没有看到任何错误。 我是JS编码的新手。
2 个解决方案
解决方案1
1 已采纳 2018-07-26 09:40:26
onload函数可以在<body >标记上使用，似乎在其他标记上不起作用。 尝试将其添加到<body>
function countdown(seconds, element) { var count = seconds; var counter= setInterval(timer, 1000); function timer() { count--; if (count <= 0) { clearInterval(counter); return; } element.innerHTML = "Seconds remaining: " + count; //console.log(count); } } h1List=document.getElementsByTagName("h1"); for(i=0;i<h1List.length;i++){ countdown(100-i*3, h1List[i]); } //countdown(100, document.getElementsByTagName("h1")[0]);
<h1></h1> <h1></h1> <h1></h1> <h1></h1> <!--<body onload="countdown(100,document.getElementsByTagName(`h1`)[0])">-->
解决方案2
0 2018-07-26 09:47:33
<script type="text/javascript"> function countdown(seconds) { var count = seconds; var counter= setInterval(timer, 1000); function timer() { count--; if (count <= 0) { clearInterval(counter); return; } document.getElementById("timer").innerHTML = "Seconds remaining: " + count; }} </script> <body onload="countdown(100)"> <h1 id="timer"></h1> </body>
如果要在页面加载事件上运行计时器，请检查此内容
JS倒数在按钮点击上不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.