猿问

延迟执行函数 setTimeout 前面的var xxx=null是什么作用?

第一次发帖见谅..
我想做一个效果鼠标在div上停留两秒后执行一些函数,不超过两秒不执行;
然后网上找了setTimeout这个函数成功解决了,因为一直是自学的所以基础薄弱,有些不懂的地方求解

一共三个问题在代码中注释了,万分感谢!
代码:

<script src="jquery.min.js"></script>

<script>

        var timer = null; // 1.此处为什么要在这里声明timmer=null?

        $(function(){

            $("#test").hover(

            function(){

                $(this).html("悬停");

                timer=setTimeout(function(){alert("hello")},2000); // 2.为什么不能直接去掉第

                //一行的声明 ,在此处var timer=setTimeout(...)...

            },

            function(){

                if(timer)  // 3.这里的if语句有什么作用?我试着去掉后函数也能完整运行呀

                    clearTimeout(timer);

                $(this).html("测试"); 

                });

        });   

    </script>

</head>

<body>

    <div id="test">

        测试

    </div>

</body>


HUX布斯
浏览 583回答 1
1回答

繁星点点滴滴

setTimeout会返回一个整数id,是计时器编号,提前声明一个变量自然是存储编号用了;为什么不能在这里声明?要知道var是函数作用域的,在function里边声明的变量一出去就没了,你叫另一个匿名函数的clearTimeout到哪去找这个变量?这里的if主要是严谨,在setTimeout成功返回计时器编号(因为初始是null,如果没返回肯定就false了)的情况下,才会执行clearTimeout(timer)这句,避免前边执行错误时继续执行错误代码。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答