自定义脚本实践-------有谱* 自动播放

弹吉他是我的小爱好，但是对于我这种菜鸡，找谱子当然是很重要的一个事情。

其中用的比较多的就是 有谱么，点击进入 要是有小伙伴儿也喜欢吉他可以去试试，谱子挺全的，而且这里面有个功能就是有谱子的播放，对于新手来说，这样学习弹拨的节奏很方便，但是这是个收费的功能。

说收费，倒也不是很完全，因为，它会给你 一段的播放时间，到时之后，会停止，需要手动再次点击。
那这不是巧了吗，我立即想到了可以增加一个点击事件，经过简单的尝试，解决了这个问题。下面就是解决的具体过程。

1.首先获取到按钮

如同百度一样，我们按F12，再查看具体的按钮id

例如百度中，搜索的id是 su

 var button = document.getElementById("su");

但是在该网站的这个按钮中，是没有找到这个id的

这里我们获取 button 的class 也可以 “svelte-ugaeen accent”

<button class="svelte-ugaeen accent">
	<span class="icon yoopu3-icon svelte-ugaeen"></span> 
</button>

那么具体获取的代码就要改变一下，这里使用document中的getElementsByClassName 方法

var button = document.getElementsByClassName("svelte-ugaeen accent")[0];

2.编写代码逻辑

首先我们要获取按钮，这在上一步已经实现了，我们希望打开网页就来进行一个播放

var s1 = function(){
   button.click();
}
s1();

然后就是当播放停止时，再进行持续的点击，这个是个轮询的过程，因此我们使用 setInterval() 方法。
我们参考菜鸟教程中的解释

因此我们可以进行如下编写

setInterval(function() {
   button.click();
 },
15010);

这里15010是我自己经过实验设置的一个时间，小伙伴也可以进行别的尝试

贴一下完整代码

var button = document.getElementsByClassName("svelte-ugaeen accent")[0];
var s1 = function(){
   button.click();
}
s1();

setInterval(function() {
   button.click();
 },
15010);

3.测试

进入网页，打开控制台，将代码粘贴进去，按Enter即可

只是简单的尝试，代码粗糙，仅供学习参考。