$(function () { //地图 // setInterval("autochange()", 10000); //背景 var wid = $(document).width(); var hei = $(document).height(); $("#particles-js").height(hei); $("#particles-js").width(wid); //时间 间隔一秒执行一次获取当前时间的方法 setInterval(function () { CurrentTime() }, 1000); /** 查询故障接口数量 **/ getFaultInterfaceCount(); /** 接口数量和占比 **/ countAndPercent(); /** 归集数据频次/接口数量排名 **/ imputationDataAndInterfaceRanking(); // 切换 var i = 0;//初始记录用户鼠标经过是第几个li var canmove = true; $('.tab_tit span').mouseenter(function (i) { canmove = false; clearInterval(li_timer); i = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); $(this).attr('v', i); var e = $('.tab_div1 .jkgj_tab').index(); $('.tab_div1 .jkgj_tab').attr('v', i); $('.tab_div1 .jkgj_tab').hide(); $('.tab_div1 .jkgj_tab').eq(i).show(); }); $(".tab_div1").mouseenter(function () {//只要用户鼠标在这个tab1区域内,就不自动跳转 canmove = false; }).mouseleave(function () { clearInterval(li_timer); setTimeout(function () { canmove = true; }, 2000);//两秒后自动切换 }); function li_timer() { if (canmove) { i++; if (i == $('.tab_tit span').length) { i = 0; } $('.tab_tit span').eq(i).addClass('on').siblings().removeClass('on'); $('.tab_div1 .jkgj_tab').hide(); $('.tab_div1 .jkgj_tab').eq(i).show(); } } setInterval(li_timer, 5000);//每两秒切换 /** 市接口调用频次 **/ getCityFrequency(); /** 省接口调用频次 **/ getProvinceFrequency(); // 切换 var u = 0;//初始记录用户鼠标经过是第几个li var canmoveu = true; $('.tab_tit2 span').mouseenter(function (i) { canmoveu = false; clearInterval(li_timer2); u = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); $('.tab_div2').hide(); $('.tab_div2').eq(u).show(); if ($('.tab_div2').eq(1).is(':hidden')) { // 省接口调用频次 这里好像一调用就就会导致echarts多次加载从而轮播紊乱 // getProvinceFrequency(); } else if ($('.tab_div2').eq(1).is(':hidden')) { // 市接口调用频次 这里好像总也调用不到 getCityFrequency(); } }); let flag = true;//定时器开关标识 let time2;//定时器初始化实例 $(".tab_div2").mouseenter(function () {//只要用户鼠标在这个tab1区域内,就不自动跳转 setOrClearInterval(false); }).mouseleave(function () { setOrClearInterval(true); }); /**根据标识 初始化定时器**/ setOrClearInterval(flag); /**设置定时器 5秒切换**/ function setOrClearInterval(flag){ if(flag){ time2 = setInterval(li_timer2, 5000); }else{ clearInterval(time2); } } function li_timer2() { u++; if (u == $('.tab_tit2 span').length) { u = 0; } $('.tab_tit2 span').eq(u).addClass('on').siblings().removeClass('on'); $('.tab_div2').hide(); $('.tab_div2').eq(u).show(); } // 归集数据频次分析 imputationDataList(); // 弹框数据归集 // tk_gjsj(); // mp1(); // setInterval("autochange()", 10000); // 接入部门下拉 $(".nav_div").hide(); $(".nav_la").hover(function () { $(".nav_div").show(); }, function () { $(".nav_div").hide(); } ) }); //时间 function getNow(Mytime) { return Mytime < 10 ? '0' + Mytime : Mytime; } function CurrentTime() { var myDate = new Date(); //获取当前年份 var year = myDate.getFullYear(); //获取当前月份 var month = myDate.getMonth() + 1; //获取当前日期 var date = myDate.getDate(); //获取当前小时数(0-23) var h = myDate.getHours(); //获取当前分钟数(0-59) var m = myDate.getMinutes(); var s = myDate.getSeconds(); var now = year + '-' + getNow(month) + '-' + getNow(date); var now2 = getNow(h) + ':' + getNow(m) + ':' + getNow(s); $(".nyr").text(now); $(".sfm").text(now2); } var t = 10000; function func1(){ $(".map_img").attr('class','map_img mp1'); $('.map_id1').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func2,t); } function func2(){ $(".map_img").attr('class','map_img mp2'); $('.map_id2').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func3,t); } function func3(){ $(".map_img").attr('class','map_img mp3'); $('.map_id3').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func4,t) } function func4(){ $(".map_img").attr('class','map_img mp4'); $('.map_id4').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func5,t) } function func5(){ $(".map_img").attr('class','map_img mp5'); $('.map_id5').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func6,t) } function func6(){ $(".map_img").attr('class','map_img mp6'); $('.map_id6').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func7,t) } function func7(){ $(".map_img").attr('class','map_img mp7'); $('.map_id7').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func8,t) } function func8(){ $(".map_img").attr('class','map_img mp8'); $('.map_id8').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func9,t) } function func9(){ $(".map_img").attr('class','map_img mp9'); $('.map_id9').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func10,t) } function func10(){ $(".map_img").attr('class','map_img mp10'); $('.map_id10').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func11,t) } function func11(){ $(".map_img").attr('class','map_img mp11'); $('.map_id11').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func12,t) } function func12(){ $(".map_img").attr('class','map_img mp12'); $('.map_id12').addClass('mp_show').siblings('.map_id').removeClass('mp_show'); setTimeout(func1,t) } window.onload = func1; function Alert(){ // alert(1); }