123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 |
- $(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')) {
- // 省接口调用频次
- getProvinceFrequency();
- } else if ($('.tab_div2').eq(1).is(':hidden')) {
- // 市接口调用频次
- getCityFrequency();
- }
- });
- $(".tab_div2").mouseenter(function () {//只要用户鼠标在这个tab1区域内,就不自动跳转
- canmove = false;
- }).mouseleave(function () {
- clearInterval(li_timer2);
- setTimeout(function () {
- canmoveu = true;
- }, 2000);//两秒后自动切换
- });
- function li_timer2() {
- // wid = 100;
- if (canmoveu) {
- 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();
- }
- }
- setInterval(li_timer2, 5000);//每两秒切换
- // 归集数据分析
- imputationDataList();
- // 弹框数据归集
- // tk_gjsj();
- // mp1();
- // setInterval("autochange()", 10000);
- });
- //时间
- 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;
-
|