老师帮我检查一下代码有没有错,点击按钮什么反应都没有,也不报错
来源:3-12 箭头函数的应用
慕斯2168053
2021-11-17 16:01:40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="btn1">开始</button>
<span id="result">0</span>
<script>
var btn1 = document.getElementById('btn1');
var result = document.getElementById('result');
var timer = {
time: 0,
start: function() {
var that = this;
btn1.addEventListener('click', function() {
setInterval(function() {
console.log(this);
that.time++;
result.innerHTML = that.time;
}, 1000);
}, false);
}
}
</script>
</body>
</html>1回答
好帮手慕久久
2021-11-17
同学你好,代码没有书写错误。start是函数,由于没有调用,所以start中的代码没有执行,事件没有绑定,因此点击按钮没效果。需要调用一下函数:

祝学习愉快!
相似问题