js获取当前卫星云图url并播放

中央气象台卫星云图固定格式：

图片url例子：http://image.nmc.cn/product/2019/03/29/WXCL/medium/SEVP_NSMC_WXCL_FY2G_EWVP_ACHN_LNO_PY_20190329010000000.JPG?v=1553823420861

WXCL/medium/SEVP_NSMC_WXCL_FY2G_EWVP_ACHN_LNO_PY（卫星云图的类型）


<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>#map {width: 500px;height: 400px;}</style>
</head>
<body><div id="datetime"></div><br><img id="map"> <br><button class="iconLeft" onclick="upImg()"> 上一张</button> <button id="bofang" onclick="bofang()">播放</button><button class="iconRight" onclick="nextImg()">下一张</button><p><script>//全局变量var i=0;//图片序号var t;//setTimeoutvar t2;var arr = new Array();  //存放图片的数组var isBofang = false;var map = document.getElementById('map');  var boFang=document.getElementById('bofang'); var datetime = document.getElementById('datetime') //页面当前时间//获取整点前18小时以内的卫星云图（FY2G增强图）urlfunction timeUrl() {var date1 = new Date();//获取当前时间的时间戳time1 = Date.parse(date1);//当前时间减去18个小时date1.setHours(date1.getHours() - 18);//获取18小时前时间戳time2 = Date.parse(date1);var ok = 1;while(ok) {time1 = time1 - 1000 * 60 * 60; //每一小时执行一次if(time1 < time2) {ok = 0;} else {date2 = new Date(time1)var hour = date2.getUTCHours().toString(); //utc时var days = date2.getUTCDate().toString(); //utc天var month = (date2.getUTCMonth() + 1).toString();var years = date2.getUTCFullYear().toString();if(hour.length == 1) {hour = "0" + hour;}if(days.length == 1) {days = "0" + days;}if(month.length == 1) {month = "0" + month;}if( hour != 17 &&  hour != 18){  //除去17时和18时的var str = "http://image.nmc.cn/product/" + years + "/" + month + "/" + days + "/WXCL/medium/SEVP_NSMC_WXCL_FY2G_EWVP_ACHN_LNO_PY_" + years + month + days + hour  + "0000000.JPG"arr.push(str)}}}}function myTime(){timeUrl();t2 = setTimeout(myTime,1000*60*10)  //十分钟更新一次timeUrl}myTime();arr.sort()//数组排序arr.reverse()//逆序console.log(arr)//页面加载完成渲染当前时期var date=new Date();datetime.innerHTML="当前时间：" + date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";//页面加载所有的图片到一个对象，以免出现切换图片加载闪屏var img={};for(i=0;i<arr.length;i++){img[i]=arr[i];}//页面加载完成渲染第一张map.src =img[0];  //播放&暂停按钮 function bofang(){  if(!isBofang){start();boFang.textContent = "暂停"isBofang = true}else{stop()boFang.textContent = "播放"isBofang = false}}// 左侧箭头点击事件function upImg(){i=i+1;if(i>3){i=0;}map.src = img[i];}// 右侧箭头点击事件function downImg(){i=i-1;  if(i<0){i=9;}map.src = img[i];    }//循环播放function start(){if(i<=0){i=14;}else{i=i-1;}map.src = img[i];t=setTimeout(start,1000)         }//暂停播放function stop(){clearTimeout(t);}</script>
</body>
</html>

看了博友的分享，不用写爬虫，就可以拿到云图的url，很棒！正好课题项目也能用上

js获取当前卫星云图url并播放相关推荐

Js获取当前页面URL各种参数
JS获取当前页面URL各种参数一:Location Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.locatio ...
js获取当前页面url网址等信息
使用js获取当前页面的url网址信息. 1.设置或获取整个 URL 为字符串: window.location.href 2.设置或获取与 URL 关联的端口号码: window.location.p ...
JS - 获取当前页面的 url地址及相关信息
JS - 获取当前页面的 url地址及相关信息一. 获取当前页面的 url地址二. 获取当前网址url 后的指定参数一. 获取当前页面的 url地址 window.location 以htt ...
JS获取当前页面url传参
JS获取当前页面url传参 function geturl(data) { //获取当前页面路径传参// var url = document.location.toString(); //获取当前页 ...
HTML JS获取当前页面URL
HTML/CSS/JS 目录:https://blog.csdn.net/dkbnull/article/details/87934939 <!DOCTYPE html> <html ...
JS获取当前页面 URL 参数方法（转）
转自:JS获取URL参数方法.js获取当前url中的参数.JS获取URL参数的4种方法总结法一 const result = new URLSearchParams(this.props.locat ...
js获取当前页面的url网址信息
WEB开发中,时常会用到javascript来获取当前页面的url网址信息下面我们举例一个URL,然后获得它的各个组成部分:http://i.jb51.net/EditPosts.aspx?opt= ...
js获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblog ...
js获取当前页面的URL信息
2019独角兽企业重金招聘Python工程师标准>>> window.location 属性描述 hash 设置或获取 href 属性中在井号"#"后面的分段 ...
使用JS获取当前页面的URL(网址信息)
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>& ...

js获取当前卫星云图url并播放

js获取当前卫星云图url并播放相关推荐

最新文章

热门文章