快捷導(dǎo)航

Jquery獲取當(dāng)前城市的天氣信息

更新時(shí)間：2016年08月05日 08:49:14 作者：taogege2016

這篇文章主要為大家詳細(xì)介紹了Jquery獲取當(dāng)前城市的天氣信息，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Jquery獲取當(dāng)前城市的天氣信息代碼，供大家參考，具體內(nèi)容如下

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 + "級(jí)";
         
        $('#weather').html(tq);
      }
    });
  });
}
 
findWeather();

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery驗(yàn)證插件validate使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery驗(yàn)證插件validate使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
jquery網(wǎng)頁(yè)日歷顯示控件calendar3.1使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery網(wǎng)頁(yè)日歷顯示控件calendar3.1使用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery?UI菜單部件Menu?Widget
這篇文章介紹了jQuery?UI菜單部件Menu?Widget，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
網(wǎng)頁(yè)中返回頂部代碼(多種方法)另附注釋說(shuō)明
下面就說(shuō)下簡(jiǎn)單的返回頂部效果的代碼實(shí)現(xiàn)，附注釋說(shuō)明，最簡(jiǎn)單的靜態(tài)返回頂部，點(diǎn)擊直接跳轉(zhuǎn)頁(yè)面頂部及用js模擬滾動(dòng)效果上滑至頂部
2013-04-04
jQuery實(shí)現(xiàn)動(dòng)態(tài)操作table行
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)操作table行，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
使用JQuery實(shí)現(xiàn)智能表單驗(yàn)證功能
表單驗(yàn)證功能在項(xiàng)目中經(jīng)常會(huì)用得到，接下來(lái)給大家介紹使用jquery實(shí)現(xiàn)智能表單驗(yàn)證功能實(shí)例代碼，對(duì)jquery實(shí)現(xiàn)表單驗(yàn)證功能相關(guān)資料感興趣的朋友一起學(xué)習(xí)吧
2016-03-03
jQuery過(guò)濾選擇器用法分析
這篇文章主要介紹了jQuery過(guò)濾選擇器用法,實(shí)例分析了:first、:last、:odd、:even等等常用的過(guò)濾選擇器的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
基于Jquery的溫度計(jì)動(dòng)畫(huà)效果
將代碼一一拷貝到頁(yè)面相應(yīng)的位置，然后記得調(diào)用jquery框架，展示條件有限，所以效果跟設(shè)計(jì)圖有出入，但實(shí)現(xiàn)原理是一樣的，歡迎大家多多交流！
2010-06-06
jQuery延遲加載圖片插件Lazy Load使用指南
在頁(yè)面上圖片比較多的時(shí)候，打開(kāi)一張頁(yè)面必然引起與服務(wù)器大數(shù)據(jù)量的交互。尤其是對(duì)于高清晰的圖片，占了幾百K的空間。那么我們?nèi)绾尾拍芨淖冞@種狀況呢，這就是今天我們要探討的問(wèn)題了。
2015-03-03
jQuery搜索子元素的方法
這篇文章主要介紹了jQuery搜索子元素的方法,實(shí)例分析了children、find等方法的使用技巧,需要的朋友可以參考下
2015-02-02