老师帮我检查一下代码有没有错,点击按钮什么反应都没有,也不报错

来源: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中的代码没有执行,事件没有绑定,因此点击按钮没效果。需要调用一下函数:

https://img.mukewang.com/climg/6194b7ee09b1e0f507330548.jpg

祝学习愉快!

0

0 学习 · 17877 问题

查看课程