在页面上使用js和css制作的接口心跳监控功能

我最近写了一个接口查询的小工具,但无法明显的知道接口是否已经打开,以及联通是否良好,于是在查询页面上增加了一个心跳标志,用于显示接口是否能正常访问,具体实现如下。

js制作的一个接口心跳监控标志:

 

 样式代码如下:

在页面上使用js和css制作的接口心跳监控功能_第1张图片

js代码如下:

在页面上使用js和css制作的接口心跳监控功能_第2张图片

页面加载成功后调一次breathe()方法即可。

后台go接口代码:

在页面上使用js和css制作的接口心跳监控功能_第3张图片

你可能感兴趣的:(前端#JavaScript,css,css3,html)