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 31 Javascript
javascript验证上传文件的类型限制必须为某些格式
Nov 14 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
layui复选框限制选择个数的方法
Sep 18 Javascript
vue控制多行文字展开收起的实现示例
Oct 11 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
vue实现打地鼠小游戏
Aug 21 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验证码函数的使用示例
2013/05/03 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
常用js脚本
2006/12/03 Javascript
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
2016/05/19 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
pip命令无法使用的解决方法
2018/06/12 Python
Python对切片命名的实现方法
2018/10/16 Python
python把转列表为集合的方法
2019/06/28 Python
Python Pandas 箱线图的实现
2019/07/23 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
Django配置跨域并开发测试接口
2020/11/04 Python
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
保密工作实施方案
2014/02/24 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
任命通知范文
2015/04/21 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
培根随笔读书笔记
2015/07/01 职场文书
2016教师节问候语
2015/11/10 职场文书
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android
JavaScript实例 ODO List分析
2022/01/22 Javascript
Golang入门之计时器
2022/05/04 Golang