angularjs中的interval定时执行功能分析

无情 阅读:239 2021-09-07 17:40:43 评论:0
本文章主要介绍了angularjs中的interval定时执行功能,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!

一个例子,用来显示当前实时时间,1秒钟刷新一次:

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
<meta charset="UTF-8"> 
<title>interval</title> 
<script type="text/javascript" src="js/angular/angular.min.js"></script> 
</head> 
<body ng-controller="ctrl"> 
<div>当前时间为:{{time}}</div> 
<script> 
var app = angular.module('myApp',[]); 
app.controller("ctrl",function($scope,$interval){ 
    $interval(function(){ 
        var time = new Date(); 
        var t = time.getFullYear()+""+(time.getMonth()+1)+""+time.getDate() + "日 星期"+"日一二三四五六".charAt(time.getDay())+ " "+time.getHours() +":"+time.getMinutes()+":"+time.getSeconds(); 
        $scope.time=t; 
    },1000); 
}); 
</script> 
</body> 
</html>

标签:前端
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号