Jquery获取当前城市的天气信息


Posted in Javascript onAugust 05, 2016

本文实例为大家分享了Jquery获取当前城市的天气信息代码,供大家参考,具体内容如下

HTML代码:
<div id="weather"></div>
Jquery代码:

function findWeather() {
  var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';
  $.getScript(cityUrl, function(script, textStatus, jqXHR) {
    var citytq = remote_ip_info.city ;// 获取城市
    var url = "http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&city=" + citytq + "&day=0&dfc=3";
    $.ajax({
      url : url,
      dataType : "script",
      scriptCharset : "gbk",
      success : function(data) {
        var _w = window.SWther.w[citytq][0];
        var _f= _w.f1+"_0.png";
        if(new Date().getHours() > 17){
           _f= _w.f2+"_1.png";        
        }
        var img = "<img width='16px' height='16px' src='http://i2.sinaimg.cn/dy/main/weather/weatherplugin/wthIco/20_20/" +_f
        + "' />";
        var tq = citytq + " " + img + " " + _w.s1 + " " + _w.t1 + "℃~" + _w.t2 + "℃ " + _w.d1 + _w.p1 + "级";
         
        $('#weather').html(tq);
      }
    });
  });
}
 
findWeather();

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
深入理解Javascript闭包 新手版
Dec 28 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 Javascript
javascript动态创建链接的方法
May 13 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
angular动态表单制作
Feb 23 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
js微信分享接口调用详解
Jul 23 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 #Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 #Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 #Javascript
同步文本框内容JS代码实现
Aug 04 #Javascript
JS打印组合功能
Aug 04 #Javascript
Listloading.js移动端上拉下拉刷新组件
Aug 04 #Javascript
jQuery选择器总结之常用元素查找方法
Aug 04 #Javascript
You might like
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
2014/02/13 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
javascript与css3动画结合使用小结
2015/03/11 Javascript
JS实现的表格行上下移动操作示例
2016/08/03 Javascript
jquery的checkbox,radio,select等方法小结
2016/08/30 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
利用原生JS实现欢乐水果机小游戏
2020/04/23 Javascript
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
python实现查询IP地址所在地
2015/03/29 Python
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
Python中设置变量访问权限的方法
2015/04/27 Python
便捷提取python导入包的属性方法
2018/10/15 Python
Python如何爬取实时变化的WebSocket数据的方法
2019/03/09 Python
pyqt5使用按钮进行界面的跳转方法
2019/06/19 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
Puritan’s Pride(普丽普莱)官方网站:美国最大最全的保健品公司之一
2016/10/23 全球购物
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
医学院护理专业应届生求职信
2013/11/12 职场文书
小班幼儿评语大全
2014/04/30 职场文书
销售活动策划方案
2014/08/26 职场文书
市委常委会班子党的群众路线教育实践活动整改方案
2014/10/25 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL