新浪天气、时间获取插件

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

 11705  156  查看评论 (30)
新浪天气、时间获取插件 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代表标签名称,如:{夜间气温}、{白天气温},夜间白天标签可输出:天气、气温、风向、风级、图标


相关插件-独立的部件

js上下文菜单插件basicContext.js

basicContext.js 强大的纯Js上下文菜单插件
  独立的部件
 2424  39

jquery生成二维码

jquery生成二维码
  独立的部件
 13706  136

jQuery实现社会化分享插件

社会化分享插件简单高效酷炫顺畅的交互体验目前可以分享的平台有:腾讯微博新浪微博QQ空间豆瓣微信二维码分享
  独立的部件
 35888  171

jQuery仿PhotoShop界面屏幕标尺插件

方便网页上在线测量图片的距离
  独立的部件
 3662  6

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

    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

        可以的

    回复
    WYXCHWN 0
    2017/3/25 13:27:28

    这个天气预报在海南的定位不出来,总是定位在广州,刚找人专门测试过了

        Satan.0
        2017/5/16 21:44:53

        海南?真心的抱歉,我只是插件作者,不是新浪API作者,关于数据方面我也是没办法的,可能是新浪的免费API调取的城市IP库不准确吧

    回复
    。。。。 0
    2017/3/8 9:55:05
    一万只汤圆OvQ 0
    2016/11/7 11:11:59
取消回复