雨课堂课件快速自动刷完

文章目录

背景

有时候老师让我们在雨课堂里刷完这个课件。这个课件呢有时候它有三百多页,每一页需要停留3秒左右才可以算看过课件,你如果一页一页的去点的话非常的折磨人。因为课件太多页了,我就不想手动刷,于是我就自己琢磨去写了一个脚本。然后这个脚本就能帮助我快速的刷完这个课件,效率很快。【几百上千页谁能受得了】

f12检查 查看源代码

html 复制代码
<div class="swiper-no-swiping swiper-slide" style="margin-bottom: 10px">
  <div class="container">
    <span class="page">4</span>
    <div class="thumbImg-container">
      <img
        src="https://changjiang-public-qn.yuketang.cn/public/8396857/cover4_20220329172822.jpg"
        alt="ppt"
        style="width: 100%"
      />
      <div
        alt="占位"
        class="room"
        style="height: 105px; width: 140px; display: none"
      ></div>
    </div>
    <span class="flag noRead">未读</span>
  </div>
</div>

当这个页面停留3s后, <span class="flag noRead">未读</span>会变成<span class="flag">未读</span> (但不能手动移除noRead)

脚本

js 复制代码
async function clickPagesSequentially(pages) {
  for (const page of pages) {
    const container = page.closest(".container");
    const flagElement = container.querySelector(".flag");
    if (flagElement && flagElement.classList.contains("noRead")) {
      await new Promise((resolve) => {
        const observer = new MutationObserver((mutations, observer) => {
          if (!flagElement.classList.contains("noRead")) {
            resolve();
            observer.disconnect();
          }
        });
        observer.observe(flagElement, {
          attributes: true,
          attributeFilter: ["class"],
        });
        page.click();
      });
    }
  }
}

const pages = document.querySelectorAll(".page");
clickPagesSequentially(pages);

脚本使用方法

第一步:

第二步:

总结

这样就可以快速刷完这个课件了。这个脚本优点:

①:你中间某些课件已经看过,它可以快速跳过

②:没使用定时器,只要这个页面看完了会触发 <span class="flag noRead">未读</span>这个元素的class变化,这样相对定时器更灵活


❤觉得有用的可以留个关注❤

相关推荐
北海-cherish11 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
AALoveTouch12 小时前
网球馆自动预约系统的反调试
javascript·网络
新中地GIS开发老师14 小时前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang14 小时前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。14 小时前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
李白的故乡14 小时前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_14 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含14 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
你的人类朋友15 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端
知识分享小能手15 小时前
微信小程序入门学习教程,从入门到精通,微信小程序核心 API 详解与案例(13)
前端·javascript·学习·react.js·微信小程序·小程序·vue