老师看下代码需不需要优化以及后面的问题
来源：1-26 编程练习
yarwood
2020-09-15 22:57:41
<!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="开始">
<input type="button" value="结束">
<br><br>
<div></div>
<script type="text/javascript">
var btn = document.getElementsByTagName("input")[0];
var btn1=document.getElementsByTagName("input")[1];
var content = document.getElementsByTagName("div")[0];
var timer //定一个timer
btn.onclick=function(){
timer= setInterval(function(){
//循环空格分开“ ”
content.innerHTML=content.innerHTML+"hello"+" ";//简写content.innerHTML+="hello"+" "
},1000);
}
c
clearInterval(timer)
}
</script>
</body>
</html>
btn.onclick=function(){
timer= setInterval(function()
这两个函数里面第一个是普通函数第二个是匿名函数吗？这两个概念没理解
1回答
-
同学你好，点击开始，每隔一秒便在div框里输出一个“hello”的效果实现了。但是在js代码中有一段“clearInterval(timer)”代码，是想点击结束按钮，在div输入框中不再继续输入“hello”吗?这个效果可以给第二个btn标签添加一个点击事件，当点击结束按钮的时候，清除计时器，参考下图：
针对问题进行回答：
1、btn.onclick = function(){}和timer= setInterval(function(){}）这都是匿名函数，匿名函数没有实际名字的函数。
btn.onclick = function(){}给按钮增加点击事件;timer= setInterval(function(){}）将匿名函数赋值给变量timer。
如果帮助到了你，欢迎采纳，祝学习愉快。
0
相似问题