新浪天气、时间获取插件

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

 13558  168  查看评论 (35)
新浪天气、时间获取插件 ie兼容6

使用方法:

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


相关插件-独立的部件

后台管理框架

后台管理框架基于bootstrap
  独立的部件
 32722  228

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 5408  144

鼠标右键插件context.js

简单、好用 、轻量的右键菜单插件context.js
  独立的部件
 2738  25

js格式化货币插件currencyFmatter.js

currencyFmatter.js是一款简单实用的纯js格式化货币插件。该插件包含155种不同国家的货币,以及715种不同语言的本地化设置。它还能处理某些不采用的货币,功能非常强大。
  独立的部件
 4276  25

讨论这个项目(35)回答他人问题或分享插件使用方法奖励jQ币

    Tempest_ 0
    2017/8/25 17:23:51

    打算下边弄个列表显示几个城市的天气,怎么弄哇?现在上海...的数据是我写死的,并不是获取的

        Tempest_0
        2017/8/25 17:25:54
        我发了个图片,没显示哎。现在我的页面只显示一个城市的数据,再加一个城市就不行了
    回复
    我的2009 0
    2017/8/24 10:35:49

    可不可以排列显示连续多天的天气啊?

    回复
    ″ YoK1ng 丶 0
    2017/8/16 8:38:18

    有多少种天气?

    回复
    7?? 0
    2017/7/10 9:23:32

    今天显示结果成这样了

    undefined天气 undefined undefined℃ ~ undefined℃

    回复
    Lance 0
    2017/6/18 21:04:26

    我在jsp中显示。月份有冲突  下方的2017年59月,刚开始是06.过2秒一下就变了。而且我试过了。如果把秒去掉,就正常了。

    06尊敬的会员,晚上好!现在是2017年59月18日 20:59:30 日 您所在的城市是:北京 今天白天的气温是:34 回复
    酆都御史 0
    2017/5/14 2:44:56

    今天显示结果成这样了

    undefined天气 undefined undefined℃ ~ undefined℃

        Satan.0
        2017/5/14 8:42:45

        新浪天气API抽风

        只知→坚持Extreme0
        2017/5/14 9:59:30

        咋样解决呢

        Satan.0
        2017/5/16 21:02:14

        目前没有好的API,其他API都是要注册的或者收费的,没去用过,只有等新浪不抽风

    回复
    叶子祝佳音 0
    2017/5/5 12:18:28
    怎么改城市?
        叶子祝佳音0
        2017/5/5 12:22:06

        搞定了。

    回复
    平凡之路的你 0
    2017/4/28 10:41:20
    Wendysee 0
    2017/4/24 9:07:16
    这个插件今天怎么显示有问题呢,不显示最高温度和天气。换了地区也不显示
        Satan.0
        2017/4/24 16:52:19

        API好像没返回最高温度,我也没办法了,T1代表最高温度,http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=0&city=

        明天你好0
        2017/5/26 16:36:32
        怎么获取JQ币呢
    回复
    WYXCHWN 0
    2017/3/25 13:28:58

    这个代码要是可以根据不同的天气显示不同的图片就好了

        Satan.1
        2017/5/16 21:47:53

        我承认,我偷懒了,

        图标可以用拼音定义class名来调用啊,自己找一套图标套上

        比如:

        .icon-qingtian { background-image:url('图标地址'); }
        $('#weather').leoweather({
            format: '您当前所在的城市为:{城市} <i class="icon-{图标}"></i> {天气} {气温}℃'
        });
        ry0
        2017/7/4 20:22:31

        可以的

    回复
取消回复