                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /JS实现京东无延迟菜单效果

为什么这样写debounce就会执行最后一次mouseenter

if (timer) {

clearTimeout(timer)

}

...

timer = null

...

SmallSunnyFox

2019-03-18

源自：JS实现京东无延迟菜单效果 4-1

关注问题我要回答

1281

操作

收起

1 回答

啦啦惟
2019-07-26

其实就是判断在定时器延迟时间内定义的事件如果再次被触发就清除掉上一次定时器再重新定义一个计时器。
结尾timer=null是为了把延迟事件执行结束后清空timer变量,它并不影响if里面的判断,因为你在延迟时间内触发
事件时定时器的代码还没有被执行。也就是说之前定义timer仍然为不为null。只有在执行过后它才是null。

1 回复有任何疑惑可以回复我~

#1

在清楚timer之前用conso.log（）打印timer，触发事件会发现timer从undefined 变为null .变为快速滑到其他li时，会从null变为数字 1 2 3 4 5等连续下去。请问这个数字代表什么呢？

2019-12-16 回复有任何疑惑可以回复我~

#2

准确的说，if判断力面的条件是什么呢？？

2019-12-16 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JS实现京东无延迟菜单效果

参与学习 57664 人
解答问题 138 个

JS模拟京东商城无延迟菜单效果，学习菜单结构和样式处理

本课相似问答

2 回答第一次mouseenter时会将全部的二级菜单显示出来

1 回答var activeRow; if(activerRow){} 这个为什么会被执行 active都没有被赋值没有赋值的话不是undefined吗 if怎么执行

1 回答78行为什么会报错

2 回答最后一节延迟还存在

4 回答关于最后一节的问题

搜索更多本课相关问答

为什么这样写debounce就会执行最后一次mouseenter

我要回答关注问题

意见反馈帮助中心 APP下载