jQuery最新天气插件LeoWeather

所属分类： JQ特效其他杂项

查看演示立即下载

插件描述：LeoWeather 是一款专门用来获取天气和时间的插件，本插件自创的标签模式使得用户可以更好的对显示内容进行排版！

更新时间：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:'您当前所在的城市为：{城市} {昼夜}天气 {天气} {气温}℃'
});