当前位置: 首页 >> JS/Jquery >> angularjs获取时,分,秒倒计时指令

angularjs获取时,分,秒倒计时指令

发表时间:2016-09-05 17:39  |  1条评论  |  点击数:365  |  作者:jws132

时分秒指令部分:

.directive('timedate',['$interval',function($interval){

    return {
        restrict : 'A',
        scope : {
            th:"=",
            tm:"=",
            ts:"=",
        },
        template:'时:{{th}},分:{{tm}},秒:{{ts}}',
        link : function(scope, elm, attr) {
            function getDay() {
                scope.ts--;
                if(scope.ts == 0){
                    scope.tm--;
                    scope.ts = 59;
                }
                if(scope.tm < 0 && scope.th > 0){
                    scope.th--;
                    scope.tm = 59;
                 }
            }
           $interval(function(){getDay();},1000)
       } 
    }

}])


页面调用:

<div timedate th="7" tm="1" ts="2"><div>

th:时

tm:分

ts:秒


网友评论 1条评论
  
  • 全部评论
  • 头像
    2016-09-10 10:41:31
    你的博客非常不错哦,我的个人网站 http://www.javaxxz.com 相互学习下。
  • 站主信息
网名:小白 | ゞ_Shuつ
姓名:蒋文书
生日:1990-05-22
籍贯:浙江省—温州市
现居:北京市—昌平区
职业:网站设计、网站制作。今后想成为一名高级程序员
爱好:研究java,php编程,打球,唱歌,登山。
喜欢的书:《红与黑》《红楼梦》
喜欢的歌手:黄家驹 Rain 六哲
网站信息:本站正在完善中下步会新增用户中心预计完成在7月中旬
  • 热门关注
  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 【聚会】22日跟大闽网友一起看世界杯,小龙虾啤酒通通免费吃...[详细]

  • 【福利】带孩子玩水不要钱!50份白水洋套票免费送了...[详细]

  • 【福利】熬夜看球太累太伤?没关系!养生粤菜免费吃起来...[详细]

  • 【独家】送福利来了,空调挂机免费清洗,快来回帖报名吧...[详细]

  • 【独家】猜世界杯冠军,8套1088元纯金纪念钞免费送! ...[详细]

Copyright © 2013-2016 . 蒋文书个人博客 版权所有 浙ICP备16006289号