老师，麻烦检查下
来源：1-26 编程练习
豆包侠
2022-01-30 14:42:58
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>setInterval()</title>
<style type="text/css">
div{
width:300px;
height:300px;
border:1px solid #333;
}
</style>
</head>
<body>
<input type="button" value="开始" id="xu">
<br><br>
<div></div>
<script type="text/javascript">
//第一步自定义三个变量
var ea=document.getElementsByTagName("div")[0],
xu=document.getElementById('xu');
xu.onclick=function(){
setInterval(function(){
ea.innerHTML="hello"
},1000)
}
//老师 能帮我看看为什么没有循环吗
</script>
</body>
</html>
1回答
-
同学你好，这段代码中实际上定时器一直是走着的，因为同学写的逻辑中点击按钮后，在定时器中始终是给ea.innerHTML赋值一个"hello"，所以从效果上一直就只有一个hello，这里的逻辑应该是每次新增一个 hello，所以逻辑处理时ea.innerHTML应是+= "hello"。
同学尝试自己调整一下，祝学习愉快！
0
