党旗飘飘平台正确打开方法 | JS定时点击按钮

党旗飘飘平台正确打开方法 | JS定时点击按钮

背景:最近学校发展对象需要在"党旗飘飘"平台上观看党课视频。而这个平台不支持视频调速,而且时不时跳出来一个按钮,点击后视频才会播放,十分麻烦,于是就想办法解决。

最狠的办法

在控制台中输入以下代码,直接将视频跳转到最后一秒。

var video = document.getElementsByTagName("video")[0];
video.currentTime = video.duration-1;

比较好理解,利用getElementsByTagName获取video标签对象。然后将视频的currentTime即当前进度条,变成它总长度duration -1的位置。

视频看完过一次之后就会解锁变速功能,之后重新再刷一遍,了解知识,是一个不错的方案。

我的方法

利用Firefox的插件Video Speed Controller来对视频进行变速。

然后在控制台中输入以下js代码,每一秒钟监听页面是否有按钮,因为那个按钮没有id,只有class,故用querySelector来根据它的类来定位。如果存在按钮,就点击。

setInterval(function (){  
  var btn = document.querySelector('.public_submit');
  if(btn)
    btn.click();
}, 1000);

参考链接

H5 video 标签视频播放进度跳转(以“党旗飘飘”大学生入党在线培训平台为例) - 知乎 (zhihu.com)

https://www.cnblogs.com/pangjie/p/4597963.html

https://jingyan.baidu.com/article/19192ad8d94cc2e53e5707ab.html

  • 15
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
你可以使用 JavaScript 的定时器 setInterval() 来实现每一秒调用一次接口。具体实现如下: 1. 在完成页面中添加一个显示订单状态的元素,例如一个 div 元素。 2. 在页面加载完成后,使用 setInterval() 函数来每隔 1 秒钟调用一次查询订单状态的接口,并将返回的状态更新到页面中显示。 3. 在调用接口之前,先将显示的文字设置为“正在查询订单状态,请稍等10s”,并且将这个定时器的 ID 保存下来,以便后面可以在订单状态为 0 的时候清除定时器。 下面是一个示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>订单完成</title> </head> <body> <div id="order-status">正在查询订单状态,请稍等10s</div> <script> var orderStatus = document.getElementById('order-status'); var seconds = 10; var intervalId = setInterval(function() { if (seconds === 0) { clearInterval(intervalId); orderStatus.textContent = '订单已完成'; } else { // 调用查询订单状态的接口,并更新状态 var status = queryOrderStatus(); orderStatus.textContent = '正在查询订单状态,请稍等' + seconds + 's,订单状态:' + status; seconds--; } }, 1000); function queryOrderStatus() { // 这里调用查询订单状态的接口,并返回订单状态 return Math.floor(Math.random() * 3); // 随机返回 0、1、2 三种状态 } </script> </body> </html> ``` 在这个示例中,我使用了一个随机数来模拟查询订单状态的接口,你需要将这个函数替换成实际的接口调用。另外,当订单状态为 0 的时候,我直接定时器清除,并将状态设置为“订单已完成”,你也可以根据实际需求进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值