轮播图自动翻页功能实现
16lz
2021-10-05
轮播图的自动翻页功能是将click事件派发给下一页按钮,并且这种派发,没隔2秒钟执行一次,从而实现自动翻页的功能。
// 自动翻页
// 定义一个click的事件对象
const autoTurn = new Event("click");
//获取下一页按钮
const next = document.querySelector(".skip .next");
//每隔2秒执行一次,将click事件派发给next按钮
setInterval(() => next.dispatchEvent(autoTurn), 2000);
更多相关文章
- 事件的添加方式
- 表单元素及表单事件
- JS执行机制、事件模型、表单事件、事件冒泡、fetch的常用场景
- 任务队列、事件、冒泡、fetch使用
- JavaScript onblur与onfocus事件详解
- php 重载与事件委托
- 数据库连接及事件委托
- 事件委托的应用
- 【前端 · 面试 】JavaScript 之你不一定会的基础题(二)