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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 Javascript
jquery创建div 实现代码
Apr 27 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
JavaScript数组去重的几种方法
Apr 07 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 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 GD 图像处理组件的常用函数总结
2010/04/28 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
php通过排列组合实现1到9数字相加都等于20的方法
2015/08/03 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
php微信开发自定义菜单
2016/08/27 PHP
php数组遍历类与用法示例
2019/05/24 PHP
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
一行代码告别document.getElementById
2012/06/01 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
js实现图片上传预览原理分析
2017/07/13 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
2019/12/06 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
python生成器的使用方法
2013/11/21 Python
python实现在pickling的时候压缩的方法
2014/09/25 Python
python实现将汉字转换成汉语拼音的库
2015/05/05 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
python爬虫中多线程的使用详解
2019/09/23 Python
python实现感知机模型的示例
2020/09/30 Python
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
公司年会晚宴演讲稿
2014/01/06 职场文书
大学生学习2014全国两会心得体会
2014/03/13 职场文书
学校对教师的评语
2014/04/28 职场文书
询价采购方案
2014/06/09 职场文书
法学专业大学生实习自我鉴定
2014/10/05 职场文书
校长新学期寄语2016
2015/12/04 职场文书