AngularJS 定时器(获取当前日期)

最新推荐文章于 2022-01-23 18:42:58 发布

约德尔蒙

最新推荐文章于 2022-01-23 18:42:58 发布

阅读量4.1k

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/gyq04551/article/details/55667104

版权

AngularJs 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
	<meta charset="UTF-8">
	<title>AngularJS 服务</title>
</head>
<body>
	<div ng-controller="DemoController">
		<ul>
			<li>{{msg}}</li>
			<li>{{now|date: 'yyyy-MM-dd hh:mm:ss'}}</li>
			<li><button ng-click="stop()">停</button></li>
		</ul>
	</div>
	<script src="./libs/angular.min.js"></script>
	<script>
		var App = angular.module('App', []);

		App.controller('DemoController', ['$scope', '$timeout', '$interval',function ($scope, $timeout, $interval) {

			$timeout(function () {
				// console.log('执行了');
				$scope.msg = '执行了';

			}, 3000);

			// var i = 0;

			var timer = $interval(function () {

				// console.log(++i);
				$scope.now = new Date;

			}, 1000);

			$scope.stop = function () {
				$interval.cancel(timer);
			}

		}]);

	</script>

</body>
</html>