th_jk.js 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. $(function () {
  2. //地图
  3. // setInterval("autochange()", 10000);
  4. //背景
  5. var wid = $(document).width();
  6. var hei = $(document).height();
  7. $("#particles-js").height(hei);
  8. $("#particles-js").width(wid);
  9. //时间 间隔一秒执行一次获取当前时间的方法
  10. setInterval(function () {
  11. CurrentTime()
  12. }, 1000);
  13. /** 查询故障接口数量 **/
  14. getFaultInterfaceCount();
  15. /** 接口数量和占比 **/
  16. countAndPercent();
  17. /** 归集数据/接口排名 **/
  18. imputationDataAndInterfaceRanking();
  19. // 切换
  20. var i = 0;//初始记录用户鼠标经过是第几个li
  21. var canmove = true;
  22. $('.tab_tit span').mouseenter(function (i) {
  23. canmove = false;
  24. clearInterval(li_timer);
  25. i = $(this).index();
  26. $(this).addClass('on').siblings().removeClass('on');
  27. $(this).attr('v', i);
  28. var e = $('.tab_div1 .jkgj_tab').index();
  29. $('.tab_div1 .jkgj_tab').attr('v', i);
  30. $('.tab_div1 .jkgj_tab').hide();
  31. $('.tab_div1 .jkgj_tab').eq(i).show();
  32. });
  33. $(".tab_div1").mouseenter(function () {//只要用户鼠标在这个tab1区域内,就不自动跳转
  34. canmove = false;
  35. }).mouseleave(function () {
  36. clearInterval(li_timer);
  37. setTimeout(function () {
  38. canmove = true;
  39. }, 2000);//两秒后自动切换
  40. });
  41. function li_timer() {
  42. if (canmove) {
  43. i++;
  44. if (i == $('.tab_tit span').length) {
  45. i = 0;
  46. }
  47. $('.tab_tit span').eq(i).addClass('on').siblings().removeClass('on');
  48. $('.tab_div1 .jkgj_tab').hide();
  49. $('.tab_div1 .jkgj_tab').eq(i).show();
  50. }
  51. }
  52. setInterval(li_timer, 5000);//每两秒切换
  53. /** 市接口调用频次 **/
  54. getCityFrequency();
  55. /** 省接口调用频次 **/
  56. getProvinceFrequency();
  57. // 切换
  58. var u = 0;//初始记录用户鼠标经过是第几个li
  59. var canmoveu = true;
  60. $('.tab_tit2 span').mouseenter(function (i) {
  61. canmoveu = false;
  62. clearInterval(li_timer2);
  63. u = $(this).index();
  64. $(this).addClass('on').siblings().removeClass('on');
  65. $('.tab_div2').hide();
  66. $('.tab_div2').eq(u).show();
  67. if ($('.tab_div2').eq(1).is(':hidden')) {
  68. // 省接口调用频次
  69. getProvinceFrequency();
  70. } else if ($('.tab_div2').eq(1).is(':hidden')) {
  71. // 市接口调用频次
  72. getCityFrequency();
  73. }
  74. });
  75. $(".tab_div2").mouseenter(function () {//只要用户鼠标在这个tab1区域内,就不自动跳转
  76. canmove = false;
  77. }).mouseleave(function () {
  78. clearInterval(li_timer2);
  79. setTimeout(function () {
  80. canmoveu = true;
  81. }, 2000);//两秒后自动切换
  82. });
  83. function li_timer2() {
  84. // wid = 100;
  85. if (canmoveu) {
  86. u++;
  87. if (u == $('.tab_tit2 span').length) {
  88. u = 0;
  89. }
  90. $('.tab_tit2 span').eq(u).addClass('on').siblings().removeClass('on');
  91. $('.tab_div2').hide();
  92. $('.tab_div2').eq(u).show();
  93. }
  94. }
  95. setInterval(li_timer2, 5000);//每两秒切换
  96. // 归集数据分析
  97. imputationDataList();
  98. // 弹框数据归集
  99. // tk_gjsj();
  100. // mp1();
  101. // setInterval("autochange()", 10000);
  102. });
  103. //时间
  104. function getNow(Mytime) {
  105. return Mytime < 10 ? '0' + Mytime : Mytime;
  106. }
  107. function CurrentTime() {
  108. var myDate = new Date();
  109. //获取当前年份
  110. var year = myDate.getFullYear();
  111. //获取当前月份
  112. var month = myDate.getMonth() + 1;
  113. //获取当前日期
  114. var date = myDate.getDate();
  115. //获取当前小时数(0-23)
  116. var h = myDate.getHours();
  117. //获取当前分钟数(0-59)
  118. var m = myDate.getMinutes();
  119. var s = myDate.getSeconds();
  120. var now = year + '-' + getNow(month) + '-' + getNow(date);
  121. var now2 = getNow(h) + ':' + getNow(m) + ':' + getNow(s);
  122. $(".nyr").text(now);
  123. $(".sfm").text(now2);
  124. }
  125. var t = 10000;
  126. function func1(){
  127. $(".map_img").attr('class','map_img mp1');
  128. $('.map_id1').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  129. setTimeout(func2,t);
  130. }
  131. function func2(){
  132. $(".map_img").attr('class','map_img mp2');
  133. $('.map_id2').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  134. setTimeout(func3,t);
  135. }
  136. function func3(){
  137. $(".map_img").attr('class','map_img mp3');
  138. $('.map_id3').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  139. setTimeout(func4,t)
  140. }
  141. function func4(){
  142. $(".map_img").attr('class','map_img mp4');
  143. $('.map_id4').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  144. setTimeout(func5,t)
  145. }
  146. function func5(){
  147. $(".map_img").attr('class','map_img mp5');
  148. $('.map_id5').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  149. setTimeout(func6,t)
  150. }
  151. function func6(){
  152. $(".map_img").attr('class','map_img mp6');
  153. $('.map_id6').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  154. setTimeout(func7,t)
  155. }
  156. function func7(){
  157. $(".map_img").attr('class','map_img mp7');
  158. $('.map_id7').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  159. setTimeout(func8,t)
  160. }
  161. function func8(){
  162. $(".map_img").attr('class','map_img mp8');
  163. $('.map_id8').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  164. setTimeout(func9,t)
  165. }
  166. function func9(){
  167. $(".map_img").attr('class','map_img mp9');
  168. $('.map_id9').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  169. setTimeout(func10,t)
  170. }
  171. function func10(){
  172. $(".map_img").attr('class','map_img mp10');
  173. $('.map_id10').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  174. setTimeout(func11,t)
  175. }
  176. function func11(){
  177. $(".map_img").attr('class','map_img mp11');
  178. $('.map_id11').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  179. setTimeout(func12,t)
  180. }
  181. function func12(){
  182. $(".map_img").attr('class','map_img mp12');
  183. $('.map_id12').addClass('mp_show').siblings('.map_id').removeClass('mp_show');
  184. setTimeout(func1,t)
  185. }
  186. window.onload = func1;