//雷达图 var ChinaRadar = { n: -1, time: 1000, time2:null, LodaData: function () { $.ajax({ type: "GET", //url: "/Handler/RadarListHandler.ashx", //dataType: "json", //data: { Type: "QG" }, url: "/chinaRadar/ChinaRadarList.js?t=" + Math.random(), // //dataType: "json", success: function (imgList) { var imgjsonList = eval(imgList); var lastImg = imgjsonList[0]; var picyear = lastImg.substring(22, 26); var picmon = lastImg.substring(26, 28); var picday = lastImg.substring(28, 30); var pichour = lastImg.substring(30, 32); var picmin = lastImg.substring(32, 34); var pictime = new Date(picyear,picmon*1-1,picday,pichour,picmin).getTime(); ///pub/picture/radar/qg/20171107031200.jpg //获取当前时间 var nowtime = new Date().getTime(); var diffminqg = (nowtime - pictime) / 60000; if (diffminqg > 510) { $(".rad_li3 .ldpage").hide(); $(".maintainQG").css('display', 'block'); } else { ChinaRadar.PlayPic(imgjsonList); $(".maintainQG").css('display', 'none'); } //$(".rad_li3 .ldPic").attr("src", "/" + imgjsonList[0]); } }); //1时内图片 $.ajax({ type: "GET", //url: "/Handler/RadarsixHourListHandler.ashx", //dataType: "json", //data: { Type: "sixHourOfQG" }, url: "/chinaRadar/ChinaRadarsixHourList.js?t=" + Math.random(), dataType:"json", success: function (json) { var _sixHourImg = $(".rad_li3 .sixHourImg"); $.each(json, function (key, content) { if (key < 12)//只显示12张图片 $("" + content[1] + "").appendTo(_sixHourImg); }) $(".rad_li3 .sixHourImg a").bind("click", function () { $(".rad_li3 .ldPic").attr("src", $(this).attr("rel")); $(".rad_li3 .timeStart i").html($(this).text()) ChinaRadar.playStop(); $(".rad_li3 .ldpage p span").removeClass("hover"); }) } }); }, PlayPic: function (Dayun_radar_a) { //反序 var Dayun_radar =Array(); for (var i = Dayun_radar_a.length-1; i >= 0 ; i--) { Dayun_radar.push(Dayun_radar_a[i]); } if (typeof Dayun_radar == 'undefined' || Dayun_radar == null) return; var sd = ''; ulcontent = ''; for (var i = 1;i <= Dayun_radar.length; i++) { ulcontent += '' + (i) + ''; } $(".rad_li3 .ldpage p").empty(); $(".rad_li3 .ldpage p").append(ulcontent); var $span = $(".rad_li3 .ldpage p span"); var n = count = -1; count = $span.size() - 1; $(".rad_li3 .ldplay").bind("click", function () { if ($(this).hasClass("stop")) { clearInterval(ChinaRadar.time2); $(this).removeClass("stop").attr("src", "/images/ldNext.jpg").attr("title", "播放"); } else { $(this).addClass("stop").attr("src", "/images/ldstop.jpg").attr("title", "暂停"); ChinaRadar.time2 = setInterval(function () { ChinaRadar.showAuto($span, Dayun_radar); }, ChinaRadar.time); } }); $span.bind("click", function () { var i = $(this).index(); ChinaRadar.picChang(i, $span, Dayun_radar); ChinaRadar.playStop(); }) $(".rad_li3 .ldRight img.ldPic").bind("click", function () { $(".rad_li3 .ldplay").click(); }) //播放 $(".rad_li3 .ldplay").click(); $(".rad_li3 .stemp a").bind("click", function () { var ctime = $(this).attr("rel"); clearInterval(ChinaRadar.time2); ChinaRadar.time2 = setInterval(function () { ChinaRadar.showAuto($span, Dayun_radar); }, ctime); }) }, showAuto: function ($span, Dayun_radar) { ChinaRadar.n = ChinaRadar.n >= (count) ? 0 : ChinaRadar.n + 1; ChinaRadar.picChang(ChinaRadar.n, $span, Dayun_radar); //$span.eq(Radar.n).trigger('click'); }, picChang: function (i, $span, Dayun_radar) { //debugger; ChinaRadar.n = i; $(".rad_li3 .ldPic").attr("src", Dayun_radar[ChinaRadar.n]); var s = $span.eq(Radar.n); $span.eq(ChinaRadar.n).siblings().removeClass("hover"); $span.eq(ChinaRadar.n).addClass("hover"); }, playStop: function () { // debugger; if (ChinaRadar.time2 != null) clearInterval(ChinaRadar.time2); $(".rad_li3 .ldplay").removeClass("stop").attr("src", "/images/ldNext.jpg").attr("title", "播放"); } }