欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

轮播图自动翻页功能实现

程序员文章站 2022-03-07 19:51:00
...

轮播图的自动翻页功能是将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);