新浪天气、时间获取插件

所属分类：其他-独立的部件

57608 501 查看评论 (50)

分享到微信朋友圈

查看演示立即下载

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

更新时间：2019-08-03 01:52:31

更新说明：原来的新浪天际接口失效，换了接口，加了功能，用法不变，源码开源，源码结构大改，去除昼夜-参数-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超酷旋转轮播