jQuery最新天气插件LeoWeather

所属分类:输入,其他-自动完成,杂项

 19286  202  查看评论 (1)
分享到微信朋友圈
X
jQuery最新天气插件LeoWeather ie兼容11

更新时间: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代表标签名称,如:{夜间气温}、{白天气温},夜间白天标签可输出:天气、气温、风向、风级、图标

相关插件-自动完成,杂项

jQuery输入框数值加减调整插件

jQuery输入框数值加减调整0到100插件
  自动完成
 39795  319

原生js简易计算器(原创)

模仿手机里面自带的计算器进行开发的计算器,代码注释全。
  自动完成
 6336  70

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 31918  327

原生js计算器

原生js简单的加减乘除计算器
  自动完成
 23858  305

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    BANG 0
    2020/3/10 15:37:59
    失效了,能更新一下吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复