js检测网址是否可访问,javascript检测网址是否可访问,支持跨域;

js检测网址是否可访问,javascript检测网址是否可访问,支持跨域;

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>url检测是否可访问</title>
    <style>
    </style>
</head>
<body>
    <div id="km" style="font-size:23px;"></div>
    <script type="text/javascript">

        function getTimeDiff(startTime, endTime) {
            //var start = Date.parse(startTime);
            //var end = Date.parse(endTime);

            //var diff = Math.abs(end - start); // 返回时间差的毫秒数
            var diff = Math.abs(endTime - startTime); // 返回时间差的毫秒数
            return diff;
            //var seconds = Math.floor(diff / 1000);
            //var minutes = Math.floor(seconds / 60);
            //var hours = Math.floor(minutes / 60);
            //var days = Math.floor(hours / 24);

            // return days + "天 " + (hours % 24) + "小时 " + (minutes % 60) + "分钟 " + (seconds % 60) + "秒";
        }
 
        function importScript(sSrc, fOnload) {
            document.getElementById("km").innerHTML += "<br/>" + sSrc + "检测中....<br/>";
            var isConnected = false;
            var oScript = document.createElement("script");
            oScript.type = "text/javascript";
            var startTime = new Date();
            oScript.onerror = function (r) {
                var millisecond = getTimeDiff(startTime, new Date());
                console.log("连接出错-------------- " + sSrc);
                console.log(444, r);
                document.getElementById("km").innerHTML += "<br/>" + sSrc + "连接出错,耗时" + millisecond + "毫秒<br/>";
            };
            //if (fOnload) {
            //    oScript.onload = fOnload;
            //}
            oScript.onload = function (r) {
                var millisecond = getTimeDiff(startTime, new Date());
                isConnected = true;
                console.log("连接成功-------------- " + sSrc);
                console.log(555, r);
                document.getElementById("km").innerHTML += "<br/>" + sSrc + "连接成功,耗时" + millisecond + "毫秒<br/>";
            };
            document.currentScript.parentNode.insertBefore(
                oScript,
                document.currentScript,
            );
            oScript.src = sSrc;
            setTimeout(function () {
                //连接超时,触发
                if (!isConnected) {
                    console.log("连接超时-------------- " + sSrc);
                    var millisecond = getTimeDiff(startTime, new Date());
                    document.getElementById("km").innerHTML += "<br/>" + sSrc + "连接出错,超时,耗时" + millisecond + "毫秒<br/>";
                    //oScript.remove();
                    //window.location.href = "http://www.baidu.com";
                }
            }, 800);
        }
         
        !function () {          
            importScript("http://km.gg.com.cn:10081", function () { });
            importScript("http://km.bb.com.cn", function () { });
        }();
    </script>
</body>
</html>
相关推荐
OpenTiny社区2 分钟前
TinyPro v1.4 空降:Spring Boot 集成,后端兄弟也能愉快写前端!
前端·javascript·vue.js
袁袁袁袁满3 分钟前
Python使用uuid生成唯一密钥uid详细教程
开发语言·python·uuid·唯一密钥uid
Logan Lie3 分钟前
Go 反射(Reflection)详解:从入门到实践
开发语言·后端·golang
爱装代码的小瓶子4 分钟前
【c++进阶】c++11下类的新变化以及Lambda函数和封装器
java·开发语言·c++
m0_7482500310 分钟前
C++ 标准库概述
开发语言·c++
FAFU_kyp10 分钟前
Rust 所有权(Ownership)学习
开发语言·学习·rust
古迪红尘12 分钟前
el-tree 采用懒加载方式,怎么初始化就显示根节点和下级节点
前端·javascript·vue.js
superman超哥17 分钟前
Rust 异步性能的黑盒与透视:Tokio 监控与调优实战
开发语言·后端·rust·编程语言·rust异步性能·rust黑盒与透视·tokio监控与调优
Aotman_19 分钟前
Vue el-table 字段自定义排序(进阶)
前端·javascript·vue.js·elementui·前端框架·ecmascript
lkbhua莱克瓦2420 分钟前
进阶-存储对象2-存储过程上
java·开发语言·数据库·sql·mysql