老师帮忙检查下
来源：1-26 编程练习
龍巛幽
2019-09-27 21:09:49
<!DOCTYPE html>
<html>
<head>
<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="开始">
<input type="button" value="结束">
<br><br>
<div></div>
<script type="text/javascript">
//补充代码
var btn_start=document.getElementsByTagName("input")[0],
btn_end=document.getElementsByTagName("input")[1],
div1=document.getElementsByTagName("div")[0];
btn_start.onclick=function(){
intervalId=setInterval(function(){
div1.innerHTML+="hello ";
},1000)
}
btn_end.onclick=function(){
clearInterval(intervalId);
}
</script>
</body>
</html>
1回答
-
同学你好，
实现效果没有问题，很棒！
可以进行优化，当多次点击‘开始’按钮的时候，定时器会进行叠加，速度也会越来越快。可以在每一次添加定时器的时候清除之前的定时器，如下修改：
自己可以测试下，祝学习愉快~
0
