js轮播图代码

js轮播图代码


因为平时用vue,写代码习惯了,这个轮播图的代码是在vue的脚手架里写的,把它拆解起来,写在html原理一样,基本功能实现了,唯一美中不足的就是轮播图一开始不是自动播放的,需要鼠标在图片上划过一次才能自动播放,如果用原生js代码写的话,用windoes.onload和init,建立定时器,然后清除等操作可以实现自动播放,和鼠标放在上面后停止播放功能,遇到的问题就是,vue加载页面自动开始触发的定时器写在mounted中,但是将定时器销毁,只能写在钩子函数befdestroy和destroy中才能销毁(我感觉是)中间需要鼠标放在图片上停止定时器实现不了,对vue的生命周期函数理解的还是不够,以后还得多多练习。
代码





更多前端资料

请微信关注公众号:前端从入门到SP
微信扫描

你可能感兴趣的:(vue,前端,面试,互联网)