插件窝 Js插件 其他 jq最新天气插件

jq最新天气插件

1296 0 1
  • 1569314938

资源介绍

显示城市 可选,不填自动获取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代表标签名称,如:{夜间气温}、{白天气温},夜间白天标签可输出:天气、气温、风向、风级、图标


相关源码