插件开发 ATwidget 独立功能 Clock - 时钟 倒计时

关于AT-widget 如果你用过淘宝的kissy或者你是淘宝设计师也许你看就基本明白 AT-widget是什么 AT-widget能做什么。

为什么开发 AT-widget? 方便 简洁 易上手 。

为什么不直接用 kissy?也许大部分功能用不上。文件也很大。可以讲是我的一个借口吧··

AT-widget运行效率怎么样?对于大牛来讲 只能讲一般般吧。


现在给大家一个例子【Clock 功能】,看看ATwidget的作用

插件基于jQuery 开发所以jQuery引入是必不可少的

<div class="AT-Widget" attop-widget-type="Clock"  attop-widget-config="{ 'endTime': '3016/8/1 14:03:20'}">
    <div class="at-countdown-run">
      <span class="at-d">0</span>天
      <span class="at-h">0</span>小时
      <span class="at-m">0</span>分
      <span class="at-s">0</span>秒
      <!-- 如果有0.1秒级别的变化建议以gif背景图片的形式变化 -->
    </div>
    
    <div class="at-countdown-end">
    倒计时结束了!! hello AT-Widget
    </div>
</div>