首先在代码的如下位置打印事件对象，检查是不是重复调用了：
结果点击上面的“waves”和“btn”按钮分别返回了不同的事件对象，所以排除重复调用的可能。
在代码的129行，将动画定时器的时间改大（减慢动画执行速度），观察效果：
经观察，发现这个“水波纹”特效是全屏的，你看到的点击一个按钮后两个按钮上都有水波纹，其实是因为生成的那个水波纹动画层全屏覆盖住了整个页面，由于水波纹层是白色半透明的，所以页面的白色区域下你看不见，有其他颜色的区域都会看见（你可以把body的背景颜色改为除白色外的其他颜色，再点按钮试试）。
根因已经找到，解决的办法很简单，让生成的水波纹层不超出当前按钮区域即可，具体为：在代码第20行，为.waves, .btn 增加两行CSS代码：
position: relativeoverflow: hidden
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：a:visited {color: blueviolet}。
3、浏览器运行index.html页面，此时超链接文本单击后的样式被设置了文字紫色颜色。
