老师帮我检查一下代码有没有错,点击按钮什么反应都没有,也不报错
来源: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中的代码没有执行,事件没有绑定,因此点击按钮没效果。需要调用一下函数:
祝学习愉快!
相似问题