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>
相关推荐
踢球的打工仔3 分钟前
typescipt-var变量提升
开发语言·前端·javascript
2501_9418017610 分钟前
面向微服务动态路由与智能流量调度的互联网系统高可用设计与多语言工程实践分享
开发语言·python
Fcy64818 分钟前
AVL树(C++详解版)
开发语言·c++·avl树
2501_9418868622 分钟前
从语法到协议的互联网工程漫谈与多语言实践分享架构演进性能优化思维记录实践心得总结随笔
javascript
是有头发的程序猿28 分钟前
Python爬虫防检测实战:基于类封装的工程化解决方案(2026)
开发语言·爬虫·python
张健115640964828 分钟前
explicit和initializer_list
开发语言·c++
闲蛋小超人笑嘻嘻31 分钟前
Vue 的异步更新机制和 $nextTick 的用法
前端·javascript·vue.js
微小冷35 分钟前
C#异步编程详解
开发语言·c#·async·await·异步编程
qq_3161652939 分钟前
C#委托和事件的区别
开发语言·c#
野生技术架构师40 分钟前
1000道Java面试题附答案详解(整理版)
java·开发语言