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 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
jquery可定制的在线UEditor编辑器
Nov 17 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
js观察者模式的弹幕案例
Nov 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下mysql数据库操作类(改自discuz)
2010/07/03 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
jquery 3D球状导航的文章分类
2010/07/06 Javascript
js常用排序实现代码
2010/12/28 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
js实现网页收藏功能
2015/12/17 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
jQuery事件详解
2017/02/23 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
Vue+axios实现统一接口管理的方法
2018/07/23 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
详解Vite的新体验
2021/02/22 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
Python基于有道实现英汉字典功能
2015/07/25 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
Python日志syslog使用原理详解
2020/02/18 Python
浅析Django 接收所有文件,前端展示文件(包括视频,文件,图片)ajax请求
2020/03/09 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
Html5之svg可缩放矢量图形_动力节点Java学院整理
2017/07/17 HTML / CSS
全球最大的游戏市场:G2A
2018/07/05 全球购物
爱情寄语大全
2014/04/09 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python