js 判断 服务器连接状态,原生JS判断网站服务器是否开启问题及解决方案

前言

一个项目，移动端APP演示版。因为是演示版，所以没有任何功能。我用html+css3+jquery开发完成。为了代码共用、减少入口、实现loading效果等原因，我采用了大量的ajax效果。不装逼了，其实就是load异步加载-_-

项目完成后，交付安卓工程师封装成APP。这期间遇到了一个问题，就是，ajax是不支持本地访问的，必须在http服务下运行。为此，安卓工程师在APP内封装了一个http服务，具体实现方法未知。

现在产生了第二个问题，交给我来解决。那就是，在APP打开，到http服务启动，这中间是有时间差的。尤其是APP第一次启动，需要往内存上存储数据，需要的时间更多。因此，APP打开后需要一个loading效果。

loading页面要求

不能使用ajax

不能使用jquery

原生js判断服务器是否开启，如果开启则跳转，否则继续等待页面实现思路

在页面中不断读取服务器的某一张图片

在读取到图片后，跳转

那就使用定时器

为防止缓存影响图片，需要给图片地址后面加上时间戳实现代码

html

正在加载，请耐心等待

css

.loading {

width: 60px;

height: 60px;

background-color: #FE4B83;

margin: 100px auto;

-webkit-animation: rotateplane 1.2s infinit