请老师看下代码
来源:1-26 编程练习
weixin_慕移动6442865
2019-08-12 19:03:33
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#box{
width:300px;
height:300px;
border:1px solid #333;
overflow: hidden;
}
</style>
</head>
<body>
<input type="button" value="开始">
<br><br>
<div id='box'></div>
</body>
<script>
var btn1=document.getElementsByTagName('input')[0]
var div1=document.getElementById('box')
var text='hello'
btn1.onclick=function demo(){
setInterval(function (){
div1.innerHTML=div1.innerHTML+text+' '+'\n'
},1000)
}
</script>
</html>
打印到最后一行好像不会停止,暂时加了
overflow: hidden;属性,不知如何判断?
1回答
同学你好,
① 老师运行了你的代码,效果是正确的,继续努力哦~
② 打印不会停止的问题,在以后我们会学到清除定时器,这样就可以解决一直打印的问题了,目前使用溢出隐藏也是可以的哦。
如果还有疑惑,可以在问答区再次提问,我们会继续为你解答的。
如果我的回答帮助了你欢迎采纳,祝学习愉快~
相似问题