轮播图的定时滚动,一般是使用 setInterval 实现。
可以监听轮播图的 mouseover 和 mouseout 事件,如果 mouseover 被触发,就清除定时轮播,并记录下一次轮播的剩余等待时间xs,如果 mouseout 被触发,就在 xs 的时间后立即进行切换,并且开启定时轮播。
mouseover
mouseout
xs
当然其中的细节还比较多,比如 mouseover 的过程中手动切换了轮播图该怎么处理等等。