博客列表 >轮播图自动翻页功能实现

轮播图自动翻页功能实现

江流
江流原创
2021年10月05日 01:03:39871浏览

轮播图的自动翻页功能是将click事件派发给下一页按钮,并且这种派发,没隔2秒钟执行一次,从而实现自动翻页的功能。

  1. // 自动翻页
  2. // 定义一个click的事件对象
  3. const autoTurn = new Event("click");
  4. //获取下一页按钮
  5. const next = document.querySelector(".skip .next");
  6. //每隔2秒执行一次,将click事件派发给next按钮
  7. setInterval(() => next.dispatchEvent(autoTurn), 2000);
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议