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 相关文章推荐
js实现身份证号码验证的简单实例
Feb 19 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
Jan 08 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
Angular实现购物车计算示例代码
Feb 21 Javascript
Vue分页组件实例代码
Apr 17 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
Apr 03 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 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即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
PHP运行模式的深入理解
2013/06/03 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP编写学校网站上新生注册登陆程序的实例分享
2016/03/21 PHP
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
javascript中Date format(js日期格式化)方法小结
2015/12/17 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
Linux Centos7.2下安装nodejs&amp;npm配置全局路径的教程
2018/05/15 NodeJs
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
python实现得到一个给定类的虚函数
2014/09/28 Python
Python 的 Socket 编程
2015/03/24 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
django表单中的按钮获取数据的实例分析
2020/07/31 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
大学毕业生简单自荐信
2013/11/05 职场文书
集体备课反思
2014/02/12 职场文书
企业管理标语
2014/06/10 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
关于幸福的感言
2015/08/03 职场文书
小学大队长竞选稿
2015/11/20 职场文书
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技