1-17练习问题
<!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="开始">
<br><br>
<div></div>
<script type="text/javascript">
var inp=document.getElementsByTagName("input")[0];
var dv=document.getElementsByTagName("div")[0];
inp.onclick=function myfun(){
dv.innerHTML="hello";
}
setInterval("myfun()",1000);
</script>
</body>
</html>
这个定时器设置的没起作用。。。我觉得应该是setInterval("myfun()",1000);的问题，时间前面的参数应该怎么改呢？
正在回答
。+=的作用是将当前div中的内容取出，在拼接上一个hello的字段和一个空格。如果只是=，那就只能一直显示一个hello。不加空格的话，所有的hello字母就会连在一起，解析的时候无法判断哪个才是独立的单词，不知道应该从哪断开，才会一直一行显示。
<script type="text/javascript">
var timer=null,//点时期初始值为空，便于后期释放内存
begin=document.getElementsByTagName("input")[0],
//获取到按钮对象
txt=document.getElementsByTagName("div")[0];
//获取到div对象
begin.onclick=function(){//给开始按钮绑定点击事件
timer=setInterval(function(){//设置周期性定时器
txt.innerHTML+="hello"+" ";
//div里的内容，“+”号连接内容
},1000)
}
</script>建议参考代码和注释进行理解，祝学习愉快！
<!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="开始">
<br><br>
<div></div>
<script type="text/javascript">
var inp=document.getElementsByTagName("input")[0];
var dv=document.getElementsByTagName("div")[0];
inp.onclick=function(){
setInterval(function(){
dv.innerHTML="hello";
},1000)
}
</script>
</body>
</html>
我把代码修改了下，，，，，但还是出不来效果
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星