jQuery最新天气插件LeoWeather

 查看演示  website  立即下载

更新时间：2019-09-19 21:05:20

更新说明：原来的新浪天际接口失效，换了接口，加了功能，用法不变，源码开源，源码结构大改，去除昼夜-参数-city 

显示城市 可选，不填自动获取format 

输出格式 可选，不填默认样式输出-输出-｛年｝ 

- 输出格式：2016｛月｝ 

- 输出格式：08｛日｝ 

- 输出格式：27｛周｝ 

- 输出格式：六｛时｝ 

- 输出格式：11｛分｝

- 输出格式：20｛秒｝ 

- 输出格式：58｛时段｝ 

- 输出格式：上午、中午、下午、傍晚、晚、凌晨｛城市｝ 

- 输出格式：北京｛天气｝ - 输出格式：雷阵雨｛日期｝

- 输出格式：2019-08-02｛人性化日期｝ 

- 输出格式：3日（明天）｛当前气温｝ 

- 输出格式：30｛最低气温｝ - 输出格式：20｛最高气温｝ 

- 输出格式：38｛风向｝ 

- 输出格式：无持续风向｛风级｝ 

- 输出格式：≤3｛图标｝ 

- 输出格式：leizhenyu｛空气指数｝ 

- 输出格式：25｛空气等级｝ 

- 输出格式：优｛空气提示｝ 

- 输出格式：空气很好，可以外出活动，呼吸新鲜空气，拥抱大自然！｛紫外线指数｝ 

- 输出格式：中等｛紫外线提示｝ 

- 输出格式：涂擦SPF大于15、PA+防晒护肤品。｛穿衣指数｝ 

- 输出格式：炎热｛穿衣提示｝

- 输出格式：建议穿短衫、短裤等清凉夏季服装。｛洗车指数｝ 

- 输出格式：不宜｛洗车提示｝ 

- 输出格式：有雨，雨水和泥水会弄脏爱车。

使用方法：

<div id="weather"></div>
$('#weather').leoweather({
   city:'赣州',
   format:'尊敬的会员，{时段}好！，现在时间是：{年}年{月}月{日}日 星期{周} {时}:{分}:{秒}，您当前所在的城市：{城市} {昼夜}天气 {天气} {气温}℃'
});

使用技巧：

如果只定义了时间标签（年、月、日、时、分、秒、时段、昼夜），那么插件不会进行天气数据获取，同理，如果只定义了天气标签，则不会获取时间，以免造成资源浪费，并且，如果定义了时分秒三个标签，时间会呈现动态化，插件可以分开使用，如：

<span>尊敬的会员，<i id="clock"></i>，<i id="weather"></i></span>
$('#clock').leoweather({
   format:'{时段}好！，现在时间是：{年}年{月}月{日}日 星期{周} {时}:{分}:{秒}'
});
$('#weather').leoweather({
   format:'您当前所在的城市为：{城市} {昼夜}天气 {天气} {气温}℃'
});

参数说明：

city - 定义城市，如没有定义则根据IP自动获取城市名称

format - 数据显示格式化

标签说明：

{年} - 输出格式：2016

{月} - 输出格式：08

{日} - 输出格式：27

{周} - 输出格式：六

{时} - 输出格式：11

{分} - 输出格式：20

{秒} - 输出格式：58

{时段} - 输出格式：上午、中午、下午、傍晚、晚、凌晨

{昼夜} - 输出格式：白天、夜晚

{城市} - 输出格式：北京

{天气} - 输出格式：雷阵雨

{气温} - 输出格式：30

{风向} - 输出格式：无持续风向

{风级} - 输出格式：≤3

{图标} - 输出格式：leizhenyu

{夜间XX}、{白天XX} - 可输出夜间或白天数据，XX代表标签名称，如：{夜间气温}、{白天气温}，夜间白天标签可输出：天气、气温、风向、风级、图标

PREVIOUS:
NEXT:
基于swipe全屏轮播图支持手势切换
jQuery仿淘宝手机端带视频图片轮播