//雷达图
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", "播放");
}
}