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

更多相关文章

  1. 事件的添加方式
  2. 表单元素及表单事件
  3. JS执行机制、事件模型、表单事件、事件冒泡、fetch的常用场景
  4. 任务队列、事件、冒泡、fetch使用
  5. JavaScript onblur与onfocus事件详解
  6. php 重载与事件委托
  7. 数据库连接及事件委托
  8. 事件委托的应用
  9. 【前端 · 面试 】JavaScript 之你不一定会的基础题(二)

随机推荐

  1. 如何自学 Android 编程?(励志)
  2. Android(安卓)- 文件读写操作 总结
  3. android发现之旅之ViewRootImpl,Activity
  4. 谷歌推出新操作系统Andromeda,那Android真
  5. Android(安卓)Location服务之Geocoder
  6. Android USB状态监控(解决scheme="file")
  7. Android高手进阶教程(五)之----Android(
  8. Android夜间模式实现,通过在window上加一
  9. launcher修改--获取屏幕缩略(预览)图
  10. 加速Android(安卓)Studio/Gradle构建