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

 更新时间:2016年08月05日 08:49:14   作者:taogege2016  
这篇文章主要为大家详细介绍了Jquery获取当前城市的天气信息,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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();

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

相关文章

  • jQuery验证插件validate使用方法详解

    jQuery验证插件validate使用方法详解

    这篇文章主要为大家详细介绍了jQuery验证插件validate使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • jquery网页日历显示控件calendar3.1使用详解

    jquery网页日历显示控件calendar3.1使用详解

    这篇文章主要为大家详细介绍了jquery网页日历显示控件calendar3.1使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • jQuery UI菜单部件Menu Widget

    jQuery UI菜单部件Menu Widget

    这篇文章介绍了jQuery UI菜单部件Menu Widget,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 网页中返回顶部代码(多种方法)另附注释说明

    网页中返回顶部代码(多种方法)另附注释说明

    下面就说下简单的返回顶部效果的代码实现,附注释说明,最简单的静态返回顶部,点击直接跳转页面顶部及用js模拟滚动效果上滑至顶部
    2013-04-04
  • jQuery实现动态操作table行

    jQuery实现动态操作table行

    这篇文章主要为大家详细介绍了jQuery实现动态操作table行,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 使用JQuery实现智能表单验证功能

    使用JQuery实现智能表单验证功能

    表单验证功能在项目中经常会用得到,接下来给大家介绍使用jquery实现智能表单验证功能实例代码,对jquery实现表单验证功能相关资料感兴趣的朋友一起学习吧
    2016-03-03
  • jQuery过滤选择器用法分析

    jQuery过滤选择器用法分析

    这篇文章主要介绍了jQuery过滤选择器用法,实例分析了:first、:last、:odd、:even等等常用的过滤选择器的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 基于Jquery的温度计动画效果

    基于Jquery的温度计动画效果

    将代码一一拷贝到页面相应的位置,然后记得调用jquery框架,展示条件有限,所以效果跟设计图有出入,但实现原理是一样的,欢迎大家多多交流!
    2010-06-06
  • jQuery延迟加载图片插件Lazy Load使用指南

    jQuery延迟加载图片插件Lazy Load使用指南

    在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占了几百K的空间。那么我们如何才能改变这种状况呢,这就是今天我们要探讨的问题了。
    2015-03-03
  • jQuery搜索子元素的方法

    jQuery搜索子元素的方法

    这篇文章主要介绍了jQuery搜索子元素的方法,实例分析了children、find等方法的使用技巧,需要的朋友可以参考下
    2015-02-02

最新评论