请老师看下代码

来源: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+'&nbsp'+'\n'  

},1000)

}

</script>

</html>

打印到最后一行好像不会停止,暂时加了

overflow: hidden;属性,不知如何判断?



写回答

1回答

好帮手慕嘟嘟

2019-08-12

同学你好,

①  老师运行了你的代码,效果是正确的,继续努力哦~

②  打印不会停止的问题,在以后我们会学到清除定时器,这样就可以解决一直打印的问题了,目前使用溢出隐藏也是可以的哦。

如果还有疑惑,可以在问答区再次提问,我们会继续为你解答的。

如果我的回答帮助了你欢迎采纳,祝学习愉快~


0
heixin_慕移动6442865
h 谢谢老师!
h019-08-12
共1条回复

0 学习 · 40143 问题

查看课程